Установка и настройка Google Tag Manager

Google Analytics
Google Tag Manager

Что такое Google Tag Manager? Диспетчер тегов Google – это простой, надежный и бесплатный инструмент. Маркетологам он обеспечивает гибкость в работе, а веб-мастерам позволяет сосредоточиться на важнейших задачах, не беспокоясь о мелочах.

Давайте приступим к установке этого удобного инструмента на свой сайт. Для начала перейдите на главную страницу проекта расположенную по адресу https://www.google.com/tagmanager/ если у вас уже есть учетная запись на Google  пройдите по ссылке Войдите в аккаунт в правом верхнем углу, если нет, нажмите кнопку Регистрация и завершите несложную процедуру создания аккаунта.

Главная страница Google Tag Manager

Google Tag Manager главная страница сервиса

Итак, вы вошли в Google Tag Manager и вам предлагают создать аккаунт. Обратите внимание на подсказки, которые появляются практически на каждой странице, не пренебрегайте ими, внимательно читайте и принимайте к сведению информацию, это позволит вам быстрее изучить новый инструмент и узнать о его возможностях.

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

Создание аккаунта Google Tag Manager

Создание аккаунта Google Tag Manager

После того, как все необходимые поля заполнены нажмите на кнопку Создать, вам предложат ознакомиться с “Соглашением об Условиях использования Диспетчера тегов Google”. Внимательно прочтите его и сделайте выбор принять его или нет.

Если вы согласились с условиями использования Google Tag Manager для вас будет сгенерирован код, который необходимо разместить на всех страницах вашего сайта сразу после открывающего тега <body>. Если вы сами занимались разработкой сайта, сложностей у вас не возникнет, во всех других случаях обратитесь к специалистам, которые могут провести эту процедуру за несколько минут. Обратите внимание, что внесение изменений в исходный код страниц сайта может привести к неработоспособности сайта, будьте внимательны.

Код контейнера Google Tag Manager для размещения на сайте

Код контейнера Google Tag Manager для размещения на сайте

На этом создание аккаунта и установка Google Tag Manager на сайт завершены. Можно приступать к настройкам, давайте добавим стандартный код отслеживания Google Analytics, а именно Universal Analytics на свой сайт.

Обратите внимание, что далее нам понадобится идентификатор отслеживания, узнать его можно в настройках ресурса:

Идентификатор отслеживания Google Analytics

Идентификатор отслеживания Google Analytics

Если вы все делали как описано выше, вы должны увидеть следующую страницу:

Начало работы с контейнером

Начало работы с контейнером

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

Создание нового тега в Google Tag Manager

Создание нового тега в Google Tag Manager

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

Первым делом нас просят указать имя тега, поскольку мы решили добавить стандартный код отслеживания Google Analytics, давайте укажем имя Код отслеживания Google Analytics после чего выберем нужный нам Тип тега, ранее мы определили что будем устанавливать код Universal Analytics, выбираем из списка соответствующий пункт:

Настройки создаваемого тега

Настройки создаваемого тега

Ниже отобразятся дополнительные поля. Теперь нам необходимо узнать и указать наш идентификатор отслеживания. Скопируйте идентификатор и вставьте его в поле Идентификатор отслеживания, поле Тип отслеживания оставьте без изменений в значении Просмотр страницы:

Настройка тега в Google Tag Manager

Настройка тега в Google Tag Manager

Следующим шагом мы должны добавить правило, при котором наш тег будет активироваться для это нажмите на кнопку Далее. Поскольку код отслеживания Google Analytics должен выполняться на каждой странице выберем правило Все страницы:

Добавление правила для активации тега

Добавление правила для активации тега

Вот что у вас должно получится если вы сделали все правильно:

Настройка тега Universal Analytics в Google Tag Manager

Настройка тега Universal Analytics в Google Tag Manager

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

Публикация котейнера Google Tag Manager

Публикация котейнера Google Tag Manager

Отобразится окно, в котором вам предложат опубликовать версию контейнера или выполнить предварительный просмотр:

Вариант действий с контейнером

Вариант действий с контейнером

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

Вот таким образом мы добавили код отслеживания Google Analytics на сайт, не внося при этом изменений в исходный код страниц (за исключением размещения кода самого Google Tag Manager). Теперь нужно подождать некоторое время и данные появятся в отчетах, либо перейти к отчетам формирующимся в реальном времени и наблюдать за посетителями сайта.

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

В продолжение темы работы с Google Tag Manager я планирую серию публикаций по настройке Google Analytics через Google Tag Manager без внесения изменений в исходный код страниц.

Еженедельная рассылка кейсов!