Отслеживание форм в GTM

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (7 оценок, среднее: 5,00 из 5)
Загрузка...

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

1. Осмотрите форму

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

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

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

Теперь, когда у вас есть идентификатор для вашей формы, вы можете включить соответствующую переменную в Диспетчере тегов Google. В интерфейсе Диспетчера тегов Google в разделе «Переменные» установите флажок рядом с типом переменной формы, который вы нашли на предыдущем шаге. Например, если ваша форма имеет уникальный идентификатор, тогда вы включите «Идентификатор формы», если у него есть уникальные классы, тогда вы включите «классы форм» и т. Д.

3. Создайте триггер представления формы

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

  1. В разделе «Триггеры» нажмите «Создать».
  2. Замените «Триггер без имени» с описательным именем, например «Отправка контактной формы».
  3. Выберите событие «Отправка формы».
  4. Настроить триггер:
  • Не отметьте галочкой «Ждать тегов». Я не рекомендую использовать параметр «Подождите, пока теги» по умолчанию с формами, так как он может разорвать отправку формы. Это безопасно использовать, если вы тщательно протестируете его.
  • Установите флажок «Проверка ошибок». Это проверяет, что форма фактически отправлена.
  1. Включить триггер при выполненнии всех этих условий:
  • Выберите опции: Путь к странице содержит «Page Path». Это позволяет запускать триггер на страницах, которые имеют «контакт» в пути, например, //pm-ka.com/. Вы должны изменить это, чтобы включить триггер на странице или страницах вашего сайта, которые содержат форму контакта. Вы также можете включить триггер на всех страницах, если это необходимо.
  1. Активация триггера:
  • Выберите опции: Идентификатор формы содержит «контактную форму». Это использует переменную, включенную на шаге 2, и уникальный идентификатор, который вы определили на шаге 1, чтобы точно указать, какую форму вы хотите отслеживать, как «представление контактной формы». Измените «Идентификатор формы» на любую переменную, включенную на шаге 2, и измените «контактную форму» на идентификатор, найденный на шаге 1.
  1. Нажмите «Сохранить» для создания триггера.

4. Создайте тег события отслеживания формы

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

  1. В разделе «Теги» нажмите «Создать».
  2. Замените «Тег без имени» на описательное имя, например «Событие отправки контактной формы».
  3. Выберите конфигурацию тега: выберите «Universal Analytics».
  4. Настроить тег:
    1. Тип отслеживания: выберите «Событие».
    2. Категория: Введите «Form».
    3. Действие: Введите «Представление контактной формы». Вы можете переименовать категорию события и действие в соответствии с любым соглашением об именовании событий, которое вы используете.
    4. Ярлык: введите «{{Page URL}}». Это необязательно. Нам будет полезно быстро узнать, на какой странице была отправлена ​​форма.
    5. Идентификатор отслеживания: введите идентификатор отслеживания свойства Google Analytics для своего сайта.
  5. Активация триггера:.
    1. В появившемся всплывающем меню «Выбрать из существующих кликов триггеров» выберите триггер «Отправка контактной формы», созданный на шаге 2.
  6. Нажмите «Создать тег», чтобы сохранить тег.

Вы почти закончили! Как всегда, вы должны отладить настройку, чтобы убедиться, что она работает, сохранить версию и опубликовать ее.

Три части гайдов для Диспетчера тегов Google продемонстрировали, как отслеживать исходящие ссылки , загрузку файлов и представления форм. Существуют ли другие типы событий, которые вы хотели бы отслеживать? Готовы ли вы к более сложным тегам, или вы уже перегружены? Дайте нам знать об этом в комментариях! Если вам нужна дополнительная помощь, пожалуйста, отправьте мне электронное письмо .

 

comments powered by HyperComments

Об авторе

Антон Курусь

Создатель этого блога. Люблю узнавать новое и развиваться в интересующих меня областях.
Хочешь сбежать от повседневности — не останавливайся в развитии.

Просмотреть все сообщения