Автоматическое отслеживание событий в Менеджере Тегов Google

Написано seostudy . Опубликовано в Все о Google

Внедрение аналитики или любого типа отслеживания конверсий является довольно сложным процессом. Но с введением Менеджера Тегов Google становится все проще и проще. С введением новой функции Авто Отслеживания Событий в Менеджере Тегов, стало еще проще.

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

Для всех, кто пользуется Google Analytics, это означает, что больше не нужно добавлять JavaScript для отслеживания загрузок PDF, исходящих ссылок или других кликов. Эти и многие другие задачи, могут быть автоматизированы при помощи Диспетчера Тегов Google.

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

Как работает Авто Отслеживание

Вот короткий обзор как работает новое отслеживание событий

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

2. Захват: когда тег прослушивания определяет действие, он его определяет и захватывает (выражаясь технически, он помещает событие менеджера тегов Google в уровень данных).

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

Помните, что все это происходит без написания дополнительного кода. Все, что вам нужно – добавить необходимые настройки в Менеджере Тегов Google.

Есть 3 новых функционала, которые позволяют это сделать:

1. Новый Тег Прослушивания в Менеджере Тегов Google

2. Новые события, которые определяют, что произошло пользовательское действие.

3. Новый макрос, который собирает информацию о пользовательском взаимодействии с контентом.

Тег Прослушивания Событий и Автоматические События

Начнем с нового тега под названием Тег Прослушивания. Это специальный тег, которыйслушает действия пользователей на странице.

Когда тег замечает действие, он автоматически собирает это действие и определяет его. С технической стороны он помещает событие Менеджера Тегов Google в уровень данных.

Есть 4 разных типа пользовательских действий, которые он может определить. Любое действие определяется в событиях Менеджера Тегов Google.

Прослушивание кликов: тег слушает клики на странице. Это включает в себя нажатие кнопок, клики по ссылкам, клики на картинки и т.д. Когда происходит клик, автоматически генерируется событие Менеджера Тегов Google gtm.click.

Прослушивание отправок форм: этот тег слушает любые заполнения форм на странице. Когда происходит отправка формы, автоматически генерируется событие Менеджера Тегов Google gtm.formSubmit.

Прослушивание кликов по ссылке: так же, как прослушивание кликов, кроме того, что он захватывает только клики на ссылки. Когда на ссылку нажимают, автоматически генерируется событие Менеджера Тегов Google gtm.linkClick.

Прослушивание таймера: собирает данные через определенный интервал, который вы сами определяете. К примеру, если вы установите интервал в 10 000 милисекунд, Менеджер Тегов будет срабатывать каждые 10 секунд.

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

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

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

Google Tag Manager

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

Google Tag Manager

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

Понимание Новых Макросов Авто Событий

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

Макрос – это часть данных, которую вы можете использовать в тегах. Некоторые макросы заполняются автоматически, как макрос url (то есть url страницы), макрос хоста сайта, или макрос рефералов.

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

Есть пять новых макросов, которые могут предоставить информацию об элементах:

URL элемента: этот макрос хранит содержимое атрибута href или action элемента, который вызвал событие. К примеру, клик по ссылке < a href=”http://seo-study.ru” >Курсы и семинары по продвижению сайта< /a > будет содержать http://seo-study.ru.

Цель элемента: этот макрос хранит содержимое атрибута target элемента, который вызвал событие. Бонус для ботаников: содержание хранится в переменной gtm.elementTarget в уровне данных.

ID элемента: этот макрос является содержимым атрибута id элемента, который вызвал событие. К примеру, клик по ссылке < a href=” http://seo-study.ru ” id=”исходящая_ссылка” >Курсы и семинары по продвижению сайтов< /a > вызовет содержимое id исходящая_ссылка. Бонус для ботаников: содержимое хранится в переменной gtm.elementId в уровне данных.

Классы элемента: этот макрос является содержимым атрибута класса элемента, который вызвал событие. Бонус для ботаников: содержимое хранится в переменной gtm.elementClasses в уровне данных.

Элемент: этот макрос также является содержимым атрибута action или href элемента, который вызвал событие.

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

Отслеживание кликов

Иногда нам нужно отследить пользовательские клики – нажатие на кнопку, картинку или ссылку. До автоматического отслеживания событий нам бы понадобился дополнительный JavaScript на сайте, чтобы сработал код аналитики. Теперь нам надо использовать тег Прослушивания нажатия на ссылки, чтобы определить клик.

Давайте посмотрим, как отследить все клики на странице и сохранить их в событии Google Analytics.

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

прослушивание кликов Менеджер Тегов Google
прослушивание кликов Менеджер Тегов Google

Затем, мы добавляем выполнение тега Google Analytics и собираем данные, когда происходят клики. Заметьте, что мы записываем событие click, а action и value будут динамически заполнены данными из HTML элемента, на который кликает пользователь.

universal analytics Менеджер Тегов Google

Ценность действия в том, что мы можем сохранить название HTML элемента. Это может быть [object HTMLInputElement] для элемента формы или [object HTMLBodyElement] для страницы. Они более описательны и помогут вам понять, что произошло.

Но намного лучше было бы получить element ID или element class. Обычно они более описательны.

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

Менеджер Тегов Google

Должен заметить, что такой подход не будет работать для контента, содержащегося в iFrame. К примеру, если вы вставляете видео YouTube на страницу, вы не можете отслеживать нажатие на кнопки, клики и т.д.

Использование этого общего подхода может сгенерировать много данных – ненужных данных. Давайте рассмотрим вариант снижения данных при помощи отслеживания определенных типов кликов.

Отслеживание Исходящих Ссылок

Нам всем хочется знать, куда идут люди, после посещения нашего сайта. Уходят ли они по ссылке в статье или просто выходят?

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

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

отслеживание кликов по ссылке

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

Действие События будет заполнено динамически URL назначения. Это URL страницы, на которую перейдет пользователь. Это возможно благодаря макросу element url.

Менеджер Тегов Google - отслеживание исходящих ссылок

Здесь важная часть – правило тега. Заметьте, что есть две части правила. Сначала мне нужно проверить клики по ссылкам. Но я также добавил дополнительное условие, что ссылка не должна совпадать с seo-study, что является доменом этого блога.

Менеджер Тегов Google

Отслеживание загрузок файла

Загрузки файла аналогичны кликам по исходящим ссылкам. Я просто использую другой тег прослушивания.

Давайте сразу перейдем к тегу аналитики, который собирает данные.

Я снова использую события Google Analytics. Категорию отмечаем, как file-download. Действием события будет URL файла и он будет автоматически вставлен при помощи макроса element url.

событие при загрузке PDF

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

отслеживание загрузок pdf

Надеюсь, вы сможете использовать этот пример и отслеживать клики на любом типе файлов.

Отслеживание заполнения Форм

Давайте перейдем к формам. Вы можете отслеживать формы, используя тег Прослушки кликов. То есть вы бы отследили все клики по кнопке отправки формы. Кроме самой формы.

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

прослушивание форм

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

Максимальная задержка отправки формы – 2 сек. Более длинный период ожидания создаст негативное впечатление у пользователя.

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

активация правил gtm.formSubmit

Я могу вытащить данные из элементов формы прямо в инструмент аналитики, используя макрос.

К примеру, скажем у нас есть элемент под названием Пол. Я могу использовать макрос, чтобы отслеживать данные, затем использовать этот макрос при определении события Google Analytics, вот так:

отслеживание пола

В принципе, отслеживание форм довольно просто настраивать, как и предыдущие сценарии.

Теги:,

Отметить курсы SEO на своем сайте

Оставить комментарий





Ваше имя

E-mail

Телефон

Заказать 1й урок за 1000 руб.