Настройка HTML тегов и ссылок

1. Как настроить область HTML-заголовка:
2. Пользовательская мета-информация
3. Другая метаинформация
4. Связывание внешних скриптов и стилей
5. Более важные заметки

Основным фактором для многих клиентов Formsite является возможность мгновенно создать новую форму, которая содержит все необходимые детали. В конце концов, веб-формы по сути являются веб-страницами, и настройка файловой структуры может быть хлопотной и длительной, если вы не делаете это постоянно. Важной и мощной частью веб-страницы является область HTML-заголовка. Эта группа элементов HTML содержит множество критических ссылок и определений страницы.

Как настроить область HTML-заголовка:

1. Перейти к редактору форм
2. Нажмите кнопку Стиль
3. Нажмите на расширенную ссылку

Вот некоторые примеры данных, включенных в HTML-заголовок:

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

Пользовательская мета-информация

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

<title> The title </ title> <meta name = "description" content = "Это описание страницы" />

Формы сайта автоматически используют значения формы в качестве метаинформации; например, имя формы в качестве заголовка страницы. Добавьте строки выше в поле HTML-заголовка формы, чтобы настроить заголовок и описание формы, и список поисковых систем мгновенно станет более привлекательным.

Другая метаинформация

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

Мета-информация автоматически добавляется в каждую форму и может быть изменена на странице настроек формы -> Общие . Twitter использует свои собственные теги «twitter: card» для отображения инструкций, а Formsite по умолчанию определяет «summary_large_image» для всех форм. Изменение или добавление метаинформации для улучшения предварительного просмотра формы осуществляется простым добавлением кода в область HTML-заголовка:

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

Для получения информации о настройке вашей информации в Твиттере, посетите страницу 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> function customFunction (); </ Скрипт>

Обратите внимание, что добавление кода аналитики здесь необходимо только в том случае, если пакет аналитики должен появляться на каждой странице формы, например при отслеживании времени на странице. Как правило, подсчет общего количества отправленных форм необходимо выполнять только на странице успеха. Прочитайте нашу статью о добавлении Гугл Аналитика к вашей форме для получения дополнительной информации.

Более важные заметки

• Добавление пользовательских сценариев может привести к тому, что форма станет недоступной, если будет выполнена неправильно. Если форма или какая-либо часть учетной записи Formsite станет недоступной, обратитесь в службу поддержки за помощью.
• URL-адреса в примерах с внешними ссылками намеренно не имеют протоколов «http» или «https». Это удовлетворяет требованию большинства браузеров разрешать странице и форме использовать один и тот же протокол http / https. Если сценарии назначения находятся на сервере, который не поддерживает безопасные соединения (https), будут проблемы с подключением по ссылкам безопасной формы. Не стесняйся связаться Поддержка сайта с любыми вопросами.

Похожие

Комментарии