Про теорию работы, установку и настройку Google Tag Manager говорят довольно много. А что делать, если на вашем сайте уже есть теги, они работают и отслеживают события? А теперь вы начали использовать Менеджер и вам прям очень надо, чтобы все было в одном месте? Расскажем, что для этого нужно.
Алена Лихтер, Middle РРС-специалист в Penguin-team, поделится информацией о том, как навести порядок в тегах, сложить все в один ящичек и наконец успокоить внутреннего перфекциониста. Читайте ниже о переносе установленных напрямую в код сайта тегов отслеживания в GTM.
Если у вас всего 1-2 тега, которые вы корректируете, запускаете или удаляете их раз в пять лет, то миграция не для вас. Зря потратите время, а профита не будет. Совсем другое дело:
- если у вас разбросаны теги ー часть напрямую в коде сайта, часть в Менеджере тегов;
- когда на сайте установлено много тегов, ими приходится часто управлять, вносить изменения, тестировать варианты.
Тогда полный переход оправдан и стоит потраченного времени.
Спойлер: автоматически перенести теги в сервис не получится, но и седых волос не прибавится. Все довольно просто и быстро.
Что нужно для перехода в GTM
Всего 6 шагов, и вы сможете управлять всеми тегами с одного места:
- Скопировать настройки целей, которые вы отслеживаете в Google Analytics.
- Создать аккаунт в Менеджере.
- Найти и скопировать все теги отслеживания, установленные на сайте.
- Перенести теги в Менеджер.
- Проверить правильность перехода и отображения собранных данных.
- Удалить старый код с сайта.
- Наслаждаться!
Если у вас еще нет аккаунта в Менеджере, почитайте в блоге Penguin-team гайд по Google Tag Manager.
Обо всех шагах подробно расскажу ниже.
Дубль данных Google Analytics
Для создания копии, т. е. тестового ресурса:
- Заходите в Google Analytics → Администратор.
- Нажимаете на +Создать ресурс.
3. Выбираете Веб (Отслеживание сайта).
4. Вводите нужную информацию и сохраняете:
Новый Ресурс готов.
Теперь нужно вручную продублировать настройки Основного Ресурса в Тестовый, а также не забыть про Представления (View). Работа скучная, но нужная. Как это сделать:
- Заходите в Основной ресурс и Представления.
- Настраиваете Тестовый по указанным настройкам в исходнике.
- Сохраняете.
Когда данных для переноса так много, что можно вечность просидеть, копируя настройки, применяют Management API. Подробно о его использовании читайте в Справке.
Создание аккаунта GTM для тестового ресурса
+ добавление тега отслеживания Google Analytics
Если учетной записи в Менеджере тегов у вас еще нет, самое время ее создать. Зарегистрироваться можно на официальной странице сервиса.
Если учетная запись есть, то действуйте по плану:
- Заходите в GTM.
- Жмите на Создать аккаунт.
- Указывайте требуемую информацию во всех полях формы.
- Жмите на Создать.
5. Сразу сервис откроет окно, в котором представлен код Диспетчера. Действуйте по инструкции ー внедрите части кода в разделы <head> и <body> в коде сайта. На этом этапе можно обратиться за помощью к разработчику.
Чтобы добавить тег, нужно:
- В Диспетчере зайти в Рабочую область.
- Выбрать соответствующий раздел и нажать на Создать.
3. Указать название тега и зайти в раздел Конфигурации для редактирования.
4. Указать тип. У нас для примера «Google Аналитика ー Universal Analytics».
5. Не забудьте в качестве типа отслеживания выбрать Просмотр страниц.
6. Выбрать Переменную настроек. А в значение вписать Идентификатор отслеживания Google Analytics именно Тестового (!) ресурса.
7. Указать имя переменной, чтобы не потеряться и вспомнить, к чему она относится. И нажать на Сохранить.
Тег есть и готов к работе.
Читайте рекомендации по добавлению и настройке тега Google Analytics в гайде Penguin-team по Google Tag Manager.
Сбор тегов, которые уже отслеживаются
Чтобы переход имел смысл, нужно найти все-все события, которые вы отслеживали напрямую с сайта. Это и подписки, и отправка форм, и клики по разным элементам ー все, что критически важно для анализа поведения пользователя при серфинге по страницам сайта.
Все данные сохраните в таблицу. К сожалению, выгрузить информацию не получится, поэтому придется создавать таблицу вручную. В ней обязательно укажите условия срабатывания тегов:
Пример, как может быть оформлена таблица с информацией что и когда должно срабатывать
Перенос тегов в Менеджер
Настраивать события нужно будет вручную. Все, что отслеживается напрямую с сайта и важно для вас, перенесите в Менеджер тегов:
- Заходите в созданный ранее аккаунт Тестового ресурса.
- Отдельно для каждого события создаете тег, указываете триггер ー условия для запуска тега, переменную ー параметр для более точного отслеживания действий. Сделать это можно по принципу создания тега для установки Google Analytics, который мы рассматривали выше.
- Опубликуйте на сайте: нажмите Отправить, назовите версию изменений, заполните поле Описание, нажмите Опубликовать.
Что в итоге? Вы теперь сможете отслеживать поведение юзеров сразу в 2-х Ресурсах: в главном (который был изначально) и в тестовом (который вы создали по инструкции выше). При этом данные отслеживаются параллельно, не происходит наложения или дублей, вся информация корректная и актуальная.
Это важно для проверки переноса целей из Google Analytics в GTM. О чем ниже.
Проверка правильности перехода и отображения данных
Смотреть статистику имеет смысл не раньше, чем через неделю-другую. И только потом можно сравнивать данные Главного и Тестового ресурса. Чтобы понять, все ли одинаково отображается, в отчете в Аналитике сопоставьте количество юзеров, просмотры страниц, сеансы, отказы, коэффициент конверсии, оплату.
Данные одинаковы — вы перенесли все события.
Данные разнятся — проверьте, возможно, вы что-то упустили и не внесли. Исправьте и через неделю повторите сравнение информации по ресурсам.
Удаление кода с сайта
Удаляйте старый код только, когда убедитесь, что данные Тестового и Главного ресурсов совпадают хотя бы неделю.
Совет, как обезопасить себя. Чтобы не наудалять слишком рано и суметь исправить неточности при переносе тегов, рекомендую создать в Менеджере тегов переменную уровня данных. Именно она предотвратит некорректную передачу данных при различных сбоях.
Сделать это можно так:
- В GTM переходите в раздел Переменные, Пользовательские переменные.
- Нажимаете Создать.
- Заполняете форму и задаете имя переменной ー fireGtm.
4. Переходите в тег Google Analytics с идентификатором UA и открываете переменные.
5. Меняете Тип переменной на Таблица поиска.
6. Указываете переменную fireGtm.
7. Указываете входные данные, как на скрине, где в качестве результата используете идентификатор Главного ресурса.
8. Выбираете в Значениях по умолчанию идентификатор Тестового ресурса.
Теперь можно удалить код счетчика Google Analytics с сайта, а перед кодом Менеджера тегов вставить фрагмент ниже:
<script type=”text/javascript”>
var dataLayer = window.dataLayer = window.dataLayer || [];
dataLayer.push({
‘fireGtm’: true
});
</script>
Пусть сайт поработает недели две-три с таким отслеживанием, а после можно будет заменить тип переменной на Константу. Принцип такой же, как при добавление дополнительной переменной fireGtm:
- Заходите в переменную Google Аналитики.
- Указываете тип Константа.
- Публикуете.
Далее удаляете fireGtm:
- Заходите в раздел Переменные.
- Выбираете fireGtm.
- Нажимаете на раздел Дополнительно.
- Выбираете из списка Удалить.
Вот и все.
Все теги, которые были ранее установлены напрямую в код сайта, теперь есть в Менеджере. Информация не исказилась, а события корректно отслеживаются.