06 июн 2019

Как понять эффективность рекламных каналов? Google Tag Manager в помощь!

В прошлой статье мы установили и проверили корректность установки кода Google Tag Manager. Чтобы научиться настраивать цели для систем аналитики нам сначала нужно познакомится с основными понятиями в GTM:

  • Переменные
  • Триггеры
  • Тэги

Переменные

Основная задача переменных:

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

Ничего не понятно?

Показываем на пальцах:
1. Заходим в «Предварительный просмотр» (как заходить мы разобрали в 1 статье)

2. Переходим на сайт, где установлен GTM

3.  Делаем клик, например, по стрелочке на слайдере. Сделав клик – в блоке Summary отобразилось действие  - Click.

4. Нажимаем на Click. Переходим в раздел Variables.

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

Например, если в условиях активации триггера указать

 Click Class содержит «owl-next»

То триггер будет активироваться каждый раз, когда пользователь нажмет на кнопку с class'ом «owl-next». И далее мы можем привязать срабатывание цели к этому триггеру. Но про это расскажем далее в статье.

Как видно на скрине GTM получает несколько встроенных значений. Давайте их разберем:

Click classes — возвращает class для нажатого тега.

Например, для элемента <a class=”toogarin”> при нажатии на него данная переменная будет равна toogarin.

Click ID — возвращает id тега, по которому был произведен клик.

Например, при нажатии на элемент <a id=”button-cart”> данная переменная вернет значение button-cart.

 

Click Target — возвращает атрибут target для кликнутого элемента.

Пример: при нажатии на ссылку <a target=«_blank» href=«https://toogarin.ru»> вернет значение _blank..

Click URL — возвращает атрибут href(для ссылок).

Пример: при нажатии на ссылку <a href=”http://toogarin.ru ”> переменная вернет http://toogarin.ru.

Click Text — возвращает текст элемента, на который был произведен клик.

Пример: при нажатии на <a href=”http://toogarin/about”>О компании</a> данная переменная вернет значение «О компании».

 

!Важно. В GTM есть встроенные переменные. Но также можно создавать свои переменные. (как это делать читай "Настройка собственных переменных для проверки форм")

Триггеры

Собственно, в триггере мы указываем условия активации тега (в теге мы как раз связываем активацию триггер с целями в GA или Я.метрике).

Создаем триггер:

1. Открываем вкладку Триггеры – создать

!Важно. Не забываем давать понятное название триггера

2. Необходимо указать тип триггера

В GTM есть несколько триггеров. Но для настройки целей нам понадобятся тип триггеров из категории "Клик". (Узнать, что означают остальные типы триггеров вы можете, прочитав "Типы триггеров и их настройка"). В основном под целями подразумевают какое-нибудь нажатие: добавить в корзину, отправить форму обратной связи, нажать на кнопку "оформить заказ" и т.д, поэтому для настройки первичных целей нам будем достаточно, выбрать тип триггера "Все элементы". Данный триггер учитывает все клики на сайте.

3. Указываем условия активации триггера.

Тут нам на помощь приходят наши переменные. Выбираем пункт "Некоторые клики". Выбираем соответствующую встроенную переменную(на скриншоте встроенная переменная Click ID) и указываем значение переменной, при совпадение которой, триггер будет активирован.

!Важно. При добавлении переменных работает оператор «И».

4. Мы создали триггер "Добавить в корзину".

Еще раз все разберем.

На сайте есть кнопка "Добавить в корзину". У кнопки есть  id  "button-cart". Чтобы триггер активировался только при нажатии кнопки "Добавить в корзину", мы в переменной Click ID указываем значение ID кнопки. И теперь триггер будет активироваться, если  Click ID совпадет с ID кнопки.

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

Теги

При помощи тегов мы "связываем" активацию тегов с целями, который создаем в инструментах аналитики (Google Analytics, Яндекс Метрика и т.д.).

Разберем создание тега для отправки цели в Яндекс Метрику (как установить яндекс метрику и цели читай "Установка Яндекс метрики через GTM").

1. Создаем тег

2. Выбираем Конфигурацию тега - Пользовательский HTML. (Со всеми конфигурациями тегов можете ознакомится, прочитав "Типа конфигурации тегов и их применение")

3. Вставляем код. (код можете скопировать после скриншота)

<script>
yaCounter9999999.reachGoal('add-cart');
</script>

Вместо 999999 номер вашего счетчика в Я.Метрика

'add-cart' - индификатор цели.

В настройках Я.Метрики создаем цель.

Даем понятное название (совет: лучше дублировать названия в GTM  и в Метрике, чтобы в дальнейшем было удобно их редактировать).

Выбираем JavaScript событие

И собственно вписываем тот индификатор, который мы отображаем в теге GTM, например, 'add-cart'.

4. Добавляем триггер

В нашем случае добавляем триггер, которые мы ранее сделали "Добавить в корзину". Хочу заметить, что триггер и цель назвал одинаково для удобства.

5. После создании тега, нам необходимо опубликовать изменения контейнера. 

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

Разбираем, что мы сделали.

Мы создали тег "Добавить в корзину", который будет отправлять событие в Я.Метрику только тогда, когда триггер будет активирован на сайте.

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

Заходим на страницу, где у нас присутствует кнопка "Добавить в корзину".

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

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

 

В этой статье мы узнали:

  • что такое Переменная и как ее найти.
  • что такое триггер, как его создать и как корректно указать его активацию.
  • как создать тег и проверить его настройку.

Теперь мы владеем минимальным компетенциями, чтобы начать настроить цели в системах аналитики:

Подписаться на блог

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

Задать вопрос Вверх