Учебное пособие по Диспетчеру тегов Google, часть 3: Отправка форм для отслеживания - обновление 2020

Во второй части нашего обновленного руководства по Диспетчеру тегов Google мы рассмотрели отслеживание ссылок для скачивания. Если вы пропустили это, вы можете начать здесь . В этой третьей части мы более подробно рассмотрим очень популярную тему - отправку форм . Большинство маркетологов будут заинтересованы в отслеживании этого, поскольку цель многих кампаний - привлечь потенциальных клиентов с помощью контактных форм, и это конверсии, которые измеряют успех кампании.

Google Analytics не отслеживает эту активность автоматически, но Диспетчер тегов Google (GTM) предлагает автоматическое решение для отслеживания отправки форм.

В этом руководстве мы предполагаем, что у вас уже есть учетная запись Google Tag Manager, вы создали контейнер и установили его на своем веб-сайте. Вам также необходимо настроить учетную запись Google Analytics для своего веб-сайта и связать ее с GTM.

Настройте отслеживание отправки формы, выполнив следующие действия.

Шаг 1. Найдите уникальный идентификатор

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

Первый шаг - найти что-то, что поможет идентифицировать вашу форму. Мы сделаем это, посмотрев на элемент HTML формы и решив, что поможет однозначно идентифицировать эту форму.

Чтобы проверить форму на своем веб-сайте, щелкните правой кнопкой мыши, чтобы получить доступ к инструментам разработчика браузера. (В Chrome, например, щелкните правой кнопкой мыши элемент, который вы хотите проверить, и выберите «Проверить».) Это покажет вам различные атрибуты, уникальные для формы, например, ее содержимое, класс CSS и другие элементы.

В нашем примере ниже вы можете увидеть, что у формы есть контактная форма с идентификатором. Идентификатор - это подходящий идентификатор, который обычно уникален для элемента и больше нигде на веб-сайте не используется. Если ваша форма не имеет уникального идентификатора, вы также можете использовать классы формы, URL-адрес страницы действия формы или текст формы для идентификации этой конкретной формы. Использовать id или классы проще всего, поэтому мы рекомендуем использовать их, если это возможно.

В крайнем случае, вы можете просто использовать URL-адрес страницы, на которой появляется форма, чтобы идентифицировать ее, но будьте осторожны с этим. Если у вас есть другая форма на странице, например окно поиска, то эта форма может вызвать событие вашей контактной формы.

Шаг 2. Включите встроенную переменную формы

Для конфигурации тега события вам потребуется встроенная переменная Form ID (или Form Classes, если ваша форма имеет уникальный класс). Если вы раньше не использовали эту переменную, вам необходимо выбрать и включить ее. Для этого перейдите к переменным в интерфейсе GTM и в разделе « Встроенные переменные» нажмите « Настроить» . Прокрутите до различных переменных формы и установите флажок рядом с идентификатором формы .

Шаг 3. Создайте триггер отправки формы

Этот триггер определяет, что именно представляет собой отправка контактной формы. Он прослушивает отправку форм на определенных страницах вашего веб-сайта и проверяет, соответствуют ли они условиям, которые вы установили специально для своей контактной формы.

Для настройки триггера выполните следующие действия:

• Перейдите к Триггерам на левой боковой панели и создайте новый.
• Замените триггер без названия на описательное имя, например Отправка формы - Контактная форма .
• Выберите Тип триггера: отправка формы . Это будет прослушивать отправленные формы.

Для конфигурации триггера вы установите:

• Не ставьте галочку в поле « Ждать тегов» . Мы не рекомендуем использовать эту опцию по умолчанию с формами, так как это может нарушить отправку форм. Его можно использовать, если его тщательно протестировать.
• Установите флажок Проверить валидацию . Это проверяет, действительно ли форма отправлена.
• Активировать, когда:
  • Путь к странице содержит контакт .

Это включает триггер на страницах, которые имеют контакт в пути, например https://amazeemetrics.com/contact. Вы должны изменить это, чтобы активировать триггер на странице или страницах вашего веб-сайта, содержащих контактную форму. При необходимости вы также можете включить триггер на всех страницах.

• Огонь по:
  • Выберите параметры: ID формы равен контактной форме .

При этом используется переменная, которую вы включили на шаге 2, и уникальный идентификатор, который вы указали на шаге 1, чтобы точно указать, какую форму вы хотите отслеживать в качестве отправки контактной формы .

• Измените идентификатор формы на любой идентификатор, который вы нашли на шаге 1, и соответствующую переменную, которую вы включили на шаге 2.

Щелкните Сохранить, чтобы завершить настройку триггера.

Шаг 4. Создайте тег события отправки формы

Последний шаг в отслеживании отправки формы - это просто создание тега, который будет записывать событие в Google Analytics с нужной вам информацией. Событие сработает, когда будут выполнены условия триггера, который вы установили на предыдущем шаге. Теперь создайте тег, соединив все части:

• Перейдите в> Теги > Создать, чтобы создать новый тег.
• Назовите его GA - Событие - Отправка контактной формы
• Для конфигурации тега выберите Google Analytics: Universal Analytics в качестве типа тега.
• Тип трека: События
• Категория: Введите форму
• Действие: введите отправку контактной формы . Вы можете переименовать категорию события и действие в соответствии с любым соглашением об именах событий, которое вы используете.
• Ярлык: Успешный ввод. Это необязательно, и вы можете изменить это или оставить поле пустым.
• Попадание без взаимодействия: оставьте значение по умолчанию - false . Это означает, что это событие изменит ваш показатель отказов, поскольку оно будет засчитываться как взаимодействие на вашем сайте.

В качестве последнего шага вы выбираете триггер, созданный на шаге 3, чтобы активировать тег при выполнении определенного условия. Вот обзор окончательной настройки:

Шаг 5. Сохраните версию, протестируйте и опубликуйте

Вы почти закончили! Только что созданный тег не начнет работать, пока вы его не опубликуете, но сначала вы должны тщательно проверить, работает ли он должным образом. Сохранив тег, включите режим предварительного просмотра (нажмите « Предварительный просмотр» в правом верхнем углу), перейдите на свой веб-сайт и обновите страницу.

Обязательно охватите следующие тестовые сценарии для отслеживания отправки формы:

• Нажмите кнопку отправки, не заполнив форму. В этом случае тег не должен срабатывать.
• Заполните форму, указав правильные данные, а затем нажмите «Отправить». Тег должен сработать.

Отчет о событиях в реальном времени Google Analytics должен отображать совпадения ваших событий, если все работает правильно. Прочтите в нашем блоге о проблемах тестирования Google Tag Manager и о том, как их исправить, если у вас возникнут какие-либо проблемы.

Если все ваши тесты прошли успешно, вы можете нажать кнопку « Отправить» в GTM. Дайте этой опубликованной версии описательное имя, например, добавлено событие отправки контактной формы, и нажмите « Опубликовать» .

Следующее руководство скоро появится

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

Следите за обновлениями в нашей предстоящей публикации в блоге, где мы расскажем о более продвинутом подходе к отслеживанию форм: триггер видимости элемента.