1. Як налаштувати область голови HTML:
2. Спеціальна мета-інформація
3. Інша мета-інформація
4. Посилання на зовнішні сценарії та стилі
5. Більш важливі примітки

Основним фактором для багатьох клієнтів Formsite є можливість миттєво створити нову форму, яка містить всі необхідні деталі. Зрештою, веб-форми є веб-сторінками, і налаштування файлової структури може викликати занепокоєння та тривалість часу, якщо ви не робите це весь час. Істотною і потужною частиною веб-сторінки є область HTML Head. Ця група елементів HTML містить багато критичних посилань і визначень сторінки.

Як налаштувати область голови HTML:

1. Перейдіть до редактора форм
2. Натисніть кнопку Стиль
3. Натисніть Розширене посилання

Деякі приклади даних, що містяться в голові HTML, включають:

• Мета-теги для визначення назви сторінки, опису, ключових слів, автора тощо.
• Посилання на зовнішні скрипти та таблиці стилів
• Код відстеження Analytics, який має відображатися на кожній сторінці форми
• Спеціальний попередній перегляд форми зображення та вміст

Спеціальна мета-інформація

Мета-теги містять інформацію про сторінку, яка допомагає іншим комп'ютерам, що підключаються, категоризувати та відображати сторінку, яку автор має намір. Наприклад, заголовок сторінки та опис, які відображаються в результатах пошуку, визначаються за допомогою:

<title> Назва </title> <meta name = "description" content = "Це опис сторінки" />

Форми форм автоматично використовують значення форми як метаінформацію; наприклад, ім'я форми як назва сторінки. Додайте рядки вище у поле "Голова HTML" форми, щоб налаштувати назву й опис форми, а список пошукових систем миттєво стає більш привабливим.

Інша мета-інформація

Окрім основних мета-тегів, область "Голова HTML" також містить спеціальну інформацію перегляду форми. Formsite використовує найпоширеніші мета-властивості для спілкування з сайтами соціальних медіа, які називаються протоколом OpenGraph. Facebook піонером формату, і найбільш популярні сайти можуть використовувати настройки OpenGraph. Читайте про OpenGraph за адресою http://ogp.me/ .

Метаінформація автоматично додається до кожної форми і може бути змінена на сторінці " Параметри форми" -> Загальні . Twitter використовує свої власні теги "twitter: card" для інструкцій для відображення, а Formsite вказує "summary_large_image" за замовчуванням для всіх форм. Зміна чи додавання мета-інформації для покращення соціального перегляду форми здійснюється просто додаванням коду до області HTML Head:

<meta name = "twitter: card" content = "summary" />

Для отримання інформації про налаштування інформаційного візиту картки Twitter https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started .

Посилання на зовнішні сценарії та стилі

Іншим типовим налаштуванням області HTML Head є посилання на зовнішні файли, такі як таблиці стилів і файли Javascript. Наприклад, відмінний спосіб формувати форми так само, як інший веб-сайт - це використання одного і того ж CSS для обох.

Форма може обмінюватися стилями з веб-сайтом, пов'язуючи CSS-файли веб-сайту через область HTML-головки форми, а потім налаштувавши CSS на веб-сайті, щоб включити інформацію про форму. Щоб додати посилання до зовнішнього файлу CSS:

<link rel = "stylesheet" type = "text / css" href = "// www.yoursite.com/style.css" />

Аналогічно, посилання на зовнішні файли Javascript дозволяє повторно використовувати спільні сценарії:

<script type = "text / javascript" src = "// www.yoursite.com/script.js"> </script>

Додайте спеціальні сценарії, такі як код аналізу, перегортаючи код у тегах сценарію:

<script> функція customFunction (); </script>

Зауважте, що додавання коду аналітики тут необхідно лише, якщо пакет аналітики повинен з'являтися на кожній сторінці форми, наприклад, під час відстеження часу на сторінці. Як правило, підрахунок загальної кількості поданих форм має відбуватися лише на сторінці успіху. Прочитайте нашу статтю про додавання Google Analytics для отримання додаткової інформації.

Більш важливі примітки

• Додавання спеціальних сценаріїв може призвести до недосяжності форми, якщо вона виконана неправильно. Якщо форма або будь-яка частина облікового запису Formsite стає недоступною, зверніться за допомогою до служби підтримки користувачів.
• URL-адреси в прикладах із зовнішнім зв'язком навмисно не мають протоколів "http" або "https". Це відповідає вимогам більшості веб-переглядачів дозволяти лише тій самій сторінці та формі використовувати один і той же протокол http / https. Якщо сценарії призначення знаходяться на сервері, який не підтримує безпечні з'єднання (https), виникнуть проблеми з підключенням із посилань безпечної форми. Не соромтеся звертатися Підтримка формату з будь-якими питаннями.