Добавление счетчиков Яндекс метрики и Google Analitics через Google Tag Manager

Счетчики от Гугл Аналитикс или Яндекс метрики, или даже от Liveinternet обычно устанавливаются путем копирования кода счетчика с дальнейшей установкой его на сайт где-то между тегами <body>. Минусом такого метода является то, что когда у вас есть счетчик яндекса, гугла, ливинтернета, + еще тэг менеджер или пиксели разные при установке всего этого вы знатно засоряете код сайта и делаете его загрузку намного медленее. Решением является установка всех этих счетчиков через менеджер тегов от Гугл (Google Tag Manager)

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

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

1. Регистрация в Google Tag Manager (GTM)

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

новый аккаунт в Гугл тег менеджер

Принимаем Соглашение об условиях использования

соглашение об использовании

Для получения кода установки на наш сайт переходим в администрирование:

установка кода тег менеджер

Копируем полученный код:

код Google Tag Manager

Вставляем на сайт согласно инструкции и особенностям вашей CMS

Очень важный нюанс. Чтобы любое изменение в Google Tag manager начало работать, после любых проделанных изменений нужно перейти в настройки GTM, и нажать кнопку "Отправить"

Отправить

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

опубликвать контейнер

2. Подключаем Google Analytics к Менеджеру Тегов

Заходим в аккаунт Google Analitics, выбираем нужным нам сайт и в меню Администратор -> отслеживание -> код отслеживания копируем наш код с идентификатором аккаунта:

Идентификатор пользователя в гугл аналитикс

Возвращаемся в диспетчер тэгов и создаём тег Google аналитики

Переходим в Теги -> Создать

создать тег

Называем его например, Google Analytics (там где написано Тег без имени),  в конфигурации тега выбираем: Google Аналитика – Universal Analytics.

конфигурация Google Аналитика – Universal Analytics

В параметрах выбираем:

  • Тип отслеживания – просмотр страницы
  • Настройки Google Analytics – Новая переменная
  • В сплывшем окошке новой переменной назваем ее "Google Analitics"
  • В Тип переменной выбираем -> Настройки Google Analytics, и вводим идентификатор вашего аккаунта в Google Analitics (найти можно в панели Гугл аналитикс -> Администратор -> Остлеживание - > Код отслеживание - > Идентификатор отслеживания типа : UA-118880049-1)

google_triger.png

  • Реклама – Включить функции для контекстно-медийной сети (если к сайту будет подключена рекламная система Google Ads)

Сохраняем. Переходим в триггеры и в настроках выбираем триггер All Pages (для отслеживания всех страниц).

триггеры

триггер All pages

Тег для Google Analitics настроен.

Тег для Google Analitics

7.jpg

После этого не забываем опубликовать изменения в GTM. Любое изменение не вствпит в силу пока мы его не опубликуем, это важно!

10.jpg

В названии и описании пишем произвольно то, чтобы нам было понятно что за изменения мы вносили. Нажимаем "Опубликовать".

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

3. Подключаем счетчик Яндекс Метрики к Google Tag Manager

Переходим в раздел Теги

подключение яндекс метрики через GTM

Нажимаем кнопку "Создать", задаём имя нашему тегу (например, Yandex Metrika Code)

12.jpg

В Конфигурации тега выбираем тип Пользовательский HTML

Пользовательский HTML

Вставляем в него код счетчика Яндекс метрики который мы берем с админ панели метрики в Настройки -> Код счетчика

код счетчика яндекс метрики

15.jpg

Добавляем триггер All Pages

16.jpg

17.png

Сохраняем -> нажимаем Отправить для внесения изменений в силу

18.jpg

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

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

Average: 9.5 (2 votes)
Автор: Александр Зинченко