Создание события при помощи Диспетчера Тегов Google

Сейчас мы узнаем, как создать событие с помощью Google Tag Manager. Как мы действовали ранее? Сначала заходили в браузер и находили нашу консоль, затем вводили код и переходили к отслеживанию статистики. В прошлый раз мы отслеживали клики по этой кнопке. На этот раз мы сделаем это с помощью Google и пойдем на шаг дальше: отследим клики по всем основным кнопкам на странице, используя одну конфигурацию событий. Мы наметили цели: кнопку в нижнем колонтитуле и две кнопки в верхнем колонтитуле. Первое наше действие — щелкнуть правой кнопкой мыши здесь и нажать кнопку «Проверить». Мы используем эту функцию, чтобы убедиться, тот ли элемент мы зафиксировали и хотели бы отследить. Теперь посмотрим, что получилось в итоге. Обратите внимания, что название класса наших кнопок начинается с "btn__large". Вот по этому параметру мы и будем их отслеживать.

Что же делать дальше? Теперь нужно создать триггер. Для этого в Диспетчере тегов заходим в меню "Триггеры" и нажимаем кнопку "Создать". Для создания нового триггера нужно выбрать его название, правильный признак для триггера и все элементы. Назовем наш триггер "All main button clicks". По кнопке "Редактировать" в меню справа выберем "Клик" - "Все элементы". Это означает, что все элементы, на которые можно нажать, могут быть выбраны и подсчитаны. Нам нужны не все клики, поэтому внизу мы выбираем "Некоторые клики", затем в первом выпадающем списке нажимаем "Выбрать встроенную переменную". В данном случае нам требуется "Click Classes". Во втором выпадающем списке мы выбираем "содержит", и, наконец, в третье, а это окно для ввода значений, вставляем скопированный с нашей домашней страницы параметр "btn__large". Нажимаем кнопку "Сохранить" и наш триггер готов.

Переходим в меню "Теги". Нам нужен новый тег. Назовем его "All main button click event". Вам нужно выбрать или ввести все параметры, которые вы видите на иллюстрации ниже. Это легко, мы делали подобное упражнение на предыдущих занятиях. Поэтому поясню только некоторые моменты.

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

Это не взаимодействие, поэтому сохраним его как "False", чтобы оно не попало в статистику.

Во второй части окна добавляем наш только что созданный триггер и настройка тега завершена, можно нажимать кнопку "Сохранить".

Ваше мероприятие готово к тестированию. Сначала нужен предварительный просмотр того, что получилось. Хотелось бы понять, хорошо ли все работает.

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

Все, что нам нужно сделать, это вернуться в Диспетчер тегов. Сначала мы выйдем из режима предварительного просмотра, посмотрим на внесенные изменения. Мы точно помним, какие изменения были внесены, какой триггер был создан и какие переменные использованы. Теперь все изменения соотносятся с тем, что мы хотим сделать. Давайте перейдем к публикации и нажмем кнопку «Опубликовать».

Хотите посмотреть, что происходит в Google Аналитике? Давайте быстро посмотрим, что у нас там, попробуем что-нибудь в режиме реального времени. Воспользуемся режимом инкогнито в браузере, зайдем на наш сайт и нажмем одну из кнопок, которые мы отслеживаем. Вы увидели, что появился один посетитель и появилось событие, связанное с нажатием кнопок. Раскрыв его, вы можете посмотреть подробности.

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

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