fbpx

Google Tag Manager настройка целей

Google Tag manager Яндекс Директ

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

Охватить все варианты, которые будут работать именно у Вас не получиться, так или иначе придётся разбираться с каждым отдельным сайтом. Основные отличия в переменных id, class и т.д. Но об этом далее…

Давайте по шагам с самого начала, а для тех тех кому нужно что-то конкретное поможет содержание.

Как установить Google Tag Manager

Прежде всего, нам надо установить сам код Google Tag Manager (далее GTM).

  1. Заходим https://tagmanager.google.com/ из под логина Google (gmail почты) где будет находиться аккаунт Google Tag Manager
  2. Нажимаем создать аккаунт
  3. Добавляем параметры аккаунта
  4. В сплавающем окне дают код Google Tag Manager’a
  5. Вставляем код в части сайта <head> и <body> Нажимаем ОК

Как установить Google Analytics через Google Tag Manager

Для этого у Вас уже должен быть идентификатор Google Analytics.

Если Вы еще не сделали счетчик Google Analytics, то сначала сделайте.

Если у Вас уже создан счетчик Google Analytics, но вы не знаете где найти идентификатор, то

  1. Войдите в аккаунт Google Аналитики.
  2. Нажмите Администратор.
  3. Раскрывающиеся меню, в столбце АККАУНТ выберите нужный аккаунт.
  4. В меню РЕСУРС выберите нужный ресурс.
  5. В разделе РЕСУРС выберите Отслеживание > Код отслеживания. Идентификатор отслеживания будет показан в верхней части страницы.

Выглядит он примерно так

UA-173366757-1

Далее возвращаемся в GTM.

На данном этапе главное что нужно усвоить в Google Tag Manager  — это то, что есть Теги (c англ. — «метка») , которые активируются Тригерами (c англ. — «спусковой крючек» дословно), а так же Переменные, которые являются частями Тригеров.
Теги — это то, что выполняется
Тригеры — это то, что запускает выполнение
Переменная — конкретный кусок кода, с которым происходит произвольное событие

Переходим во вкладку Переменные

  1. В окне Пользовательские Переменные нажимаем Создать
  2. Нажимаем Конфигурация переменной — выбираем Константа
  3. В значение вставляем идентификатор Google Analytics (который узнали выше, типа UA-173366757-1)
  4. В верхнем левом углу называем переменную как угодно, но лучше так же как и идентификатор счетчика, то есть делаем CTRl + V (называем UA-173366757-1, например)
  5. Нажимаем Сохранить в верхнем правом углу

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

Находясь в Google Tag Manager

  1. Переходим во вкладку Теги, далее нажимаем Создать
  2. Нажимаем конфигурация Триггера
  3. В рекомендуемых первым будет Google Аналитика – Universal Analytics Google Платформа для маркетинга
  4. Выбираем тип отслеживания Просмотр страниц
  5. Ниже в Настройки Google Analytics выбираем переменную, которую создали ранее (вот и пригодилась, см. выше)
  6. Далее нажимаем на расположенное ниже окно Триггеры (Выберите триггер, который будет активировать этот тег…) и выбираем All pages (тип просмотр страницы)
  7. Нас возвращает обратно, вверху слева называем тег (например Google Аналитика), далее вверху справа нажимаем Сохранить
  8. В окне с тегами появляется новая запись, теперь жмём Отправить в правом верхнем углу под значком аккаунта, лучше укажите Название версии (чтобы не запутаться что вообще было сделано)
  9. Нажимаем Опубликовать

Для тех кто проигнорировал создание пользовательской переменной в поле Настройки Google Analytics выбираем — Новая переменная …
В идентификатор отслеживания вставляем идентификатор Google Analytics (типа  UA-173366757-1, где взять указано выше). Далее вверху слева называем переменную так же как идентификатор (чтобы не запутаться), нажимаем Сохранить.

После данных мероприятий у Вас стоит на сайте

  1. Код Google Tag Manager (GTM)
  2. Код Google Analytics (GA), который установлен через GTM и активируется при просмотре страницы сайта. А это значит, что теперь вы можете настроить цели (Конверсии), которые можно в том числе передавать в Google Ads.

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

Как поставить Яндекс Метрику через Google Tag Manager

К этому моменту у Вас уже должен быть получен код счётчика метрики. Если вы еще не создавали код счетчика, то сначала прочтите статью

Как поставить Яндекс Метрику на сайт

Если у Вас уже есть счетчик, то идём в GTM -> Теги -> Создать

Яндекс Метрика через GTM

Далее должна получиться вот такая картина из 5 шагов

Как установить Метрику через GTM

  1. Называем триггер Яндекс Метрика (чтобы понять, потом что это она)
  2. В конфигурации тега нажимаем, находим и выбираем Пользовательский HTML
  3. Вставляем код Яндекс Метрики. У кого есть счётчик, но забыл где взять вот указатель
    Где взять код Яндекс Метрики
  4. Далее выбираем в Триггерах All Pages просмотр страницы
  5. Сохраняем, после чего традиционно не забывает опубликовать, точно так же (по схеме в п.8 описанной в конце установки Google Analytics)

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

Как поставить цель на кнопку через GTM

Настройка целей Google Tag Manager заключена именно здесь.

Например вы хотите поставить отслеживание цели нажатие на  кнопку WhatsApp (которая ничем не отличается от нажатие на любую другую кнопку)

Достижение цели произвольное событие на сайте в виде нажатие на кнопку не является фактом корректно заполненной формы и её успешной отправки или отправки сообщения в WhatsApp. Это просто нажатие на кнопку.

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

переменная для тригера в gtm
в данном случае это <a class=»social-link»

Возвращаемся в GTM, смотрим, чтобы во вкладке переменные была ClickClasses

Стандартно такой переменной нет, это легко поправляется нажав на Настроить

Добавить переменные в Google Tag Manager

Для верности можете отметить сразу все галочки в этом окне. Они тут же добавятся в список Встроенные переменные.

Далее самое главное.

  1. Переходим в Триггеры -> Нажимаем создать Триггер -> Нажимаем Настройка Триггер
  2. Выбираем из группы Клик ->  Все элементы
  3. Выбираем Некоторые клики -> из выпадающего меню выбираем нашу переменную (в данном случае  ClickClasses)
  4. Потом в следующем поле выбираем Содержит -> В крайнее поле вписываем название нашего class как на скриншоте (social-link)
  5. Называем наш Триггер как хотим в в верхнем левом окне и нажимаем Сохранить в верхнем правом

Переменная для Триггера в гугл тег менеджер

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

Настройка целей Яндекс Метрика через Google Tag Manager

При создании цели в Яндекс Метрике ныне выдается идентификатор. Где ваша переменная идет в кавычках, примерно так:

ym(67297942,'reachGoal','zvonok') у вас он будет другим

Номер счетчика (например 67297942) — это просто для наглядности, напишите туда свой.
Идентификатор цели (например ‘zvonok’) — это мой вариант нейминга, напишите туда своё. Лучше на английском без пробелов типа ORDER

Настройка целей в Яндекс Метрике
Настройка целей в Яндекс Метрике

В GTM:

  1. Создаём Тег — Пользовательский HTML
  2. пишем туда (пример)
    <script>
    ym(67297942,’reachGoal’,’название вашей цели’);
    </script>
  3. Называем тег слева-вверху, Сохраняем справа вверху
  4. Отправить, справа вверху — Опубликовать

Проще говоря оборачиваем полученный от Метрики <script>Код цели для сайта в теги </script>

Как проверить работают ли цели метрики на сайте

Помимо режима предварительного просмотра, где ваша цель выстрелит «Fired», можно воспользоваться отладчиком Яндекс Метрики, добавив к url значение ?_ym_debug=1

адресвашегосайта.рф/?_ym_debug=1


Далее второй кнопкой мыши на любой области сайта и выпадающем меню выбрать «Просмотреть код» в открывшемся окне отладки браузера перейти во вкладку Console

Признаком того, что присутствует код метрики будет похожая запись

как проверить есть ли счётчик метрики на сайте
PageView. Counter 67297942 . URL: https://adres-saita.ru/new/ . Referrer: . Params: undefined

Далее совершите действие которое должно привести к срабатыванию цели. При срабатывании цели появиться запись вроде такой:

как проверить срабатывает ли цель Метрики на сайте
Reach goal. Counter: 67297942. Goal id: название вашей цели. Params: undefined

Прежде всего, что отличает Google Analytics от Яндекс Метрики, так это вложенная логика параметров.

Категория включает в себя Действие, Ярлык и Значение. Действие включает в себя Ярлык и Значение.

Конечно, всё описанное только малая доля возможностей GTM. Но, самое главное для отслеживания событий здесь рассказано.
В заключение, можно сказать, что если ничего не понятно, то всё в порядке.

 

Поделиться с друзьями
Оцените автора
( Пока оценок нет )