Давно уже слышал про Google Tag Manager. Но вот решил попробовать и был поражен тому как это удобно.

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

Примеры:

  1. поставить код Google Analytics или Google AdWords с целями
  2. поставить код Яндекс Метрики или настроить цели Метрики для веб аналитики
  3. сплит-тестирование страниц и конверсии
  4. поставить чат JivoSite
  5. или виджет обратного звонка CallBackHunter

Особенно если у вас Интернет-магазин или крупный портал, то тех же целей в Метрике или Анлитиксе может быть тьма. И если все это писать куда либо через консоль сайта, то можно потом голову сломать в попытке разобрать весь этот хлам скриптов.

У нас не много скриптов, всего пока что 3-4 штуки, но в будущем планируется больше, потому решил сразу внедрить GTM и это позволило отказаться от ряда плагинов на сайте.

Итак, поехали…

Запускаем Google Tag Manager

Получаем скрипт интеграции GTM для сайта

В общем то тут все просто 🙂 Идем на страницу продукта https://tagmanager.google.com/

Авторизуемся, создаем новый аккаунт для сайта. В моем случае это systemo.biz

Система даст сгенерировать код типа такого:

Google Tag Manager 2015-12-20 01-59-13

Куда вставить?

И вот тут нас подстерегает первая попа!

Обратите внимание, что этот код надо вставить после тега открывающего body. А я вот не любитель код ковырять в темах WordPress. Тема обновится и приехали.

Что делать?

И тут есть два правильных пути:

  1. создать дочернюю тему (если она у вас еще не создана) и туда скопировать header.php и поправить его, добавить после тега body
  2. ну я хитрее, взял тему WPBSS и добавил туда поддержку GTM

Соответственно у меня этот код вставился просто через опцию темы и вопрос закрылся.

Создание тегов

Тегом в этой системе зовется любой скрипт. Будь то ГуглАналитикс или сниппеты ЭдВордс. Ну или код счетчика Яндекс.Метрики, целей Метрики или скрипт параметров для сплит-тестирования страницы.

Разберем четыре примера:

Код виджета обратного звонка Pozvonim

Да, мы недавно написали плагин для этого виджета и можно поставить его через плагин. Но коли мы решили внедрять GTM, то плагин нам теперь не нужен. Он нужен тем у кого нет GTM 🙂

Мы идем в кабинет Позвоним и копируем от туда код, затем идем в GTM, добавляем новый тег и вставляет туда код! Вот так просто!

Google Tag Manager 2015-12-20 02-07-15

После публикации как и стоило того ожидать на сайте появляется этот виджет:

Проекты - Системо - сайты на WordPress 2015-12-20 02-08-31

Аналогично с JivoSite

Также идем в кабинет, копируем код, вставляем в GTM и публикуем!

В списке это выглядит вот так:

Google Tag Manager 2015-12-20 02-10-02

Как видите при большом списке скриптов, можно будет их распихать по папочкам и всячески причесать. Это очень важно если скриптов много. И это сильно удобней если пилить это все на сайте.

Цели в Метрике

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

Клик по кнопке

Пример такого скрипта, ну скажем у меня в шапке сайта есть кнопка «Отправить задание» и мне надо понимать сколько раз в день посетители щелкают на нее.

Пишем обычный код на базе инструкций Яндекс.Метрики:

Google Tag Manager 2015-12-20 02-13-26

Конечно надо не забыть настроить эту цель в самой Метрике, чтобы она измерялась.

Сколько новых подписчиков с сайта?

Или например у меня на сайте есть форма подписки и мне надо понимать динамику новых подписчиков. Повышается она или понижается со временем.

Сколько было подписчиков за неделю? Если я поменял кнопку на красный цвет то как изменилось среднее число новых подписчиков за неделю? Ну и много других веб-аналитических вопросов.

Решаем просто:

Google Tag Manager 2015-12-20 02-21-47

Теперь мы вооружены веб аналитикой 🙂

Конечно пока лишь сработала лишь одна цель — отправлено задание. По подпискам еще данных нет, но думаю из Метрики ясно что теперь мы будем видеть сколько раз в день нам пытаются отправить заданий, сколько посетителей подписываются на нашу рассылку:

Системо — сводка — Яндекс.Метрика 2015-12-20 02-23-15

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

 

Публикация новой версии набора скриптов

Вот мы написали 3-4 тега (вставили скрипты), система все это версионирует, и позволяет опубликовать одной кучей.

Google Tag Manager 2015-12-20 02-25-51

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

 

Google Tag Manager 2015-12-20 01-51-00

Резюме

Google Tag Manager — это очень мощный инструмент для Интернет-маркетолога. Если у вас его все еще нет, то самое время его внедрить 🙂

Если будут вопросы, задавайте в комментариях…