настройка тегов в Google Tag Manager Инструменты для создания сайта или торговой площадки

Диспетчер тегов Google: как отследить переход по кнопке

Поделиться

Это проще сделать с Диспетчером Тегов от Google. Почему? Самое главное — не нужно лезть в код сайта, рискуя наделать ошибок и огромный диапазон возможностей, чтобы отследить переход посетителя по нужной вам кнопке или ссылке. Далее — подробнее.

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

По шагам это будет выглядеть так:

  1. Найти нужную кнопку.
  2. Посмотреть исходный код.
  3. Добавить переменную.
  4. Создать тег.
  5. Создать триггер.
  6. Предварительный просмотр контейнера.
  7. Проверка в Google Analytics.
  8. Опубликовать контейнер.

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

Поиск кнопки или ссылки

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

Просмотр кода

В браузере Chrome нажмите правую кнопку мыши и выберите «Просмотр кода»

Видно, что кнопка (номер 1) расположена в форме (номер 2) и что кнопка имеет класс newsletter-form-button-label (номер 3). Это означает, что мы можем отслеживать нажатия кнопок, используя это название класса в Google Tag Manager. Помимо обозначения класса, можно использовать обозначение ID кнопки.

Добавление переменной

Теперь пришло время перейти к Google Tag Manager и подключить встроенную переменную.

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

Выберите «Переменные» и нажмите «Настроить» в разделе «Встроенные переменные».

В нашем примере кнопка содержалась в форме, и было определено обозначение ее класса. Это означает, что нам нужно прокрутить список встроенных переменных и найти вкладку «Form class».

Если кнопка идентифицирована другим способом, то нужно соответственно подключить иную переменную. Например, если  кнопка определена через ID, то нужно использовать «Form ID», а если  класс ссылок (link classs), то «Click classes».

Создание тега

Теперь можно создать тег, который будет отправлять данные в Google Analytics при нажатии посетителем кнопки. Выберите «Теги», нажмите «Новый» и назовите свой тег.

Затем выберите «Настройка тегов» и выберите «Google Analytics» в качестве «Типа тегов».

Выбрать «Событие» из списка для того, чтобы записывать нажатия на кнопки в Google Analytics.

В категории (category) и действии (action) поставить произвольные названия, например, button и  click.

В поле «ярлык» — детали действия — «Подписка» — «Email Sign Up»

Далее нужно выбрать в поле, расположенном ниже, переменную, отвечающую за передачу данных в Google Analitics, она должна быть предварительно создана. Вместо нее можно вставить номер своего аккаунта в Google Analitics.

Дальше необходимо настроить триггер, отправляющий сигнал тегу при возникновении события — нажатии кнопки.

Создание триггера

Триггеры сообщают Диспетчеру тегов Google, когда определенный тег должен (или не должен) срабатывать. Для нашего тега нам нужно создать триггер, чтобы он срабатывал только при нажатии выбранной нами кнопки. Для этого  выбираем «Триггер» для тега, который был только что создан и нажимаем синий знак плюса в верхнем правом углу, чтобы создать новый триггер.

Нужно дать название триггеру. В данном случае — ‘Button Click – Email Sign Up’. После этого нажать «Настройка триггера»,  далее в «Выберете тип триггера» — «Все элементы».  В «Условиях активации триггера» — поставить «Некоторые клики».

После этого откроются поля под этой настройкой.

Первое поле — выбрать тип кнопки «Form classes», второе поле выбрать из выпадающего списка —  выражение «содержит». Третье поле — вставить ранее найденное обозначение или название кнопки, которую нужно отслеживать. То есть, newsletter-form-button-label.

Преварительный просмотр контейнера

Теперь нужно проверить контейнер, чтобы убедиться в правильности настроек и нажатия кнопки отслеживаются. Для этого мы нажимаем «Предварительный просмотр» в верхнем правом углу, а затем на новой вкладке (или в окне) загружаем наш веб-сайт.

В нижней части страницы откроется консоль отладки Google Tag Manager. После того, как консоль отладки загрузится, нажмите «подопытную» кнопку на странице и посмотрите появляется ли информация о ней на панели слева от консоли (номер 1).

Вы можете попробовать нажать кнопку, удерживая нажатой клавишу «Command» на вашем компьютере. Это должно загрузить страницу подтверждения в новой вкладке. Если это не работает, нужно перейти в Google Analytics, чтобы проверить, правильно ли работает ваш тег.

Проверка отслеживания в Google Analitics

После открытия представления отчетов в Google Analytics выберите «В реальном времени», а затем «События». Так как мы создали тег для событий в Google Analytics, мы можем увидеть данные в реальном времени по нажатию кнопок в этом отчете.

Данные обрабатываются в течение нескольких секунд, поэтому, если вы нажали кнопку и долго не видите никаких данных в отчете в реальном времени, нужно выполнить следующие действия:

  1. Убедитесь, что вы находитесь в режиме предварительного просмотра в Google Tag Manager.
  2. Если вы находитесь в режиме предварительного просмотра, нажмите «Обновить» в Диспетчере тегов Google.
  3. Перезагрузите веб-сайт и убедитесь, что консоль отладки Google Tag Manager загружается внизу страницы.
  4. Нажмите кнопку еще раз и проверьте Google Analytics.
    Если вы по-прежнему не видите, что кнопка отслеживается в отчетах в режиме реального времени, вам нужно еще раз проверить, используете ли вы правильную переменную в Google Tag Manager и правильно ли настроен триггер.

Публикация контейнера

После того, как  вы убедитесь в отслеживании  нажатия вашей кнопки в Google Analytics, нужно опубликовать контейнер на вашем веб-сайте. Для этого вернитесь в Google Tag Manager и нажмите «Отправить» в правом верхнем углу. Теперь можно получать еще немного ценной информацию о взаимодействии  посетителей на вашем сайте.

Возможные трудности — это проблемы загрузки панели отладки в браузере Chrome. Это связано с отключением куки или блокировкой одного из устнановленных расширений в Chrome. «Лечится» включением куки и поиском и отключением блокирующего расширения. Это может занять много времени и  иногда проще перейти в другой браузер, например Opera.

Википедия и продвижение сайта

Смотреть, как PDF На сегодняшний день в интернете представлено достаточно много информации о том, как повысить посещаемость сайта. Все эти методы давно приелись большинству веб-мастеров и оптимизаторов, а часть изContinue reading

нет комментариев

Google Реклама: распостраненные ошибки

Смотреть, как PDF Объявления в Google Рекламе могут быть чрезвычайно эффективным средством привлечения потенциальных клиентов и эффективных продаж — это «Кадиллак» в  мире рекламных инструментов.

нет комментариев

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *