Все Tags/Triggers для анализа сайта создаются в Web UI на сайте GTM. Для получения базовой аналитики никакого программирования не требуется — вы просто один раз вставляете script блок GTM и он сам загружает все Tags. Вся получаемая статистика отображается в Reports вкладке сервиса Google Analytics. При необходимости можно писать свои custom event listeners и передавать в GTM нужную статистику через его API из javascript на вашем сайте. Script блок Google Tag Manager является универсальным, включает код Google Analytics, его можно встраивать в любые сайты, например, в Google Blogger (http://www.blogger.com). Google Tag Manager можно рассматривать как plugin для Google Analytics, кот. значительно расширяет возможности для анализа — в статье рассматривается пример их совместного использования. 

Read this article as Google Doc, paginated



1. Установка Google Tag Manager

• войти/создать Google ID account. При этом вы получаете доступ сразу ко всем онлайн сервисам Google, хотя в некоторых из них нужно создать еще внутренний аккаунт, чтобы их подключить.

• в онлайн сервисе Google Analytics нажать Access Google Analytics, создать Account (указать любой Nickname/Company/Group) и Property (указать ваш сайт, url блога), получить Google Analytics Tracking ID для сайта. Status: Not Installed должен обновиться на Status: Receiving Data в теч. 72 час. Без Status Receiving Data история статистики не будет сохраняться.

• в онлайн сервисе Google Tag Manager создать Account (указать любой Nickname/Company/Group) и Container (выбрать для Web, указать ваш сайт или любой Nickname), получить код для GTM Container

• удалить из вашего са
  йта/блога старый код Google Analytics, если он использовался (код GTM Container включает в себя Google Analytics).
• вставить код для GTM Container в основную template вашего сайта сразу после (или во страницы, кот. должны участвовать в статистике, если сайт статический, без template). Код GTM Container должен встречаться в странице только 1 раз, его нельзя дублировать, нельзя использовать вместе с кодом Google Analytics — при этом возникают ошибки.
• в онлайн сервисе Google Tag Manager/Container создать Tag с типом Page View и привязкой к Google Universal Analytics, указать в нем Google Analytics Tracking ID — чтобы статистика page views от GTM Container отображалась в Google Analytics Web UI в разделе Reports/Realtime/Overview для вашей Property.

• в онлайн сервисе Google Tag Manager/Container сделать Publish чтобы GTM Container на вашем сайте увидел созданный Тag.

• в онлайн сервисе Google Analytics зайти во вкладку Admin, выбрать в Property ваш сайт, перейти в Reports/Realtime/Overview. Вся статистика от GTM может отображаться в Overview (page views/clicks), Content (page views/clicks), Events (clicks, form submits etc), Social (follow me/join clicks/social events) итд. Ваши заходы на сайт и просмотры страниц/events должны будут отображаться в realtime.

2. Модификация GTM Container кода для XML

• в Template рядом с Customize нажмите Edit HTML
• вставьте модифицированный под transitional XHML код GTM Container c вашим GTM ID сразу после
• сделайте Save Template

• в Settings/Other/Analytics Web Property ID просто укажите свой Tracking ID. При этом Template должна быть Layout или Dynamic Views - для Classic не работает. И пишут что это будет старый код для Classic Analytics.

3. Версии Google Tag Manager и Google Analytics

• Web UI онлайн сервиса стал более простым и удобным, стал напоминать Web UI Google Analytics. В Admin вкладке GTM Account => GA Account, GTM Container => GA Property.
• появился import/export containers

• rules стали triggers. Теперь сначала задается тип взаимодействия, затем условия выполнения. При этом в trigger автоматом включается соотв. event listener, для него не нужно создавать отдельный Listener Tag как раньше. Для отображения event/trigger в панели Google Analytics по прежнему надо создавать отдельный Tag c привязкой к trigger в More.

• Macros стали Variables. Variables используются в условиях Tag и Trigger для получения значений различных event/object properties, например {{ Page URL }}. Могут быть built-in или создаваться user.

• появился GTM API https://developers.google.com/tag-manager/api/v1/ теперь можно программно создавать/манипулировать GTM tags и triggers.

• GTM 2.0 QuickStart Guide: https://developers.google.com/tag-manager/quickstart

• в Classic у Property есть только Tracking Code
• в Universal у Property есть раздел Tracking Info c Tracking Code и др. параметрами

• в GA Classic используется: _gaq.push() и ga.js. API: https://developers.google.com/analytics/devguides/collection/gajs/
• в GA Universal используется: ga() и analytics.js. API: https://developers.google.com/analytics/devguides/collection/analyticsjs/
• в GTM используется: dataLayer.push() и gtm.js. API:
  https://developers.google.com/tag-manager/devguide#datalayer

4. Пример URL click tracking в Google Tag Manager

• Click - используется для обработки click на любых элементах сайта: image, div, button, form, итд, включая url click и javascript click (кроме Flash объектов). Ему соответствует event gtm.click(). Click передает цепочке listeners (bubble up/event propagation) самый вложенный DOM child element под кликом.
• Link Click - используется для обработки только стандартного url click - перехода по ссылке в тэгах , ему соответствует event gtm.linkClick(). Link Click передает цепочке listeners (bubble up/event propagation) тэг под кликом, даже если внутри него есть другие вложенные DOM child element. Link Click - частный случай Click.

• Если нужно, в Variables включить Click URL built-in variable - просто отметить галкой Clicks/Click URL - после этого переменная будет доступна в dropdowns различных условий в Tag/Trigger. Click URL - куда будет переход, Page URL - текущая страница, с кот. производится переход. Полный список built-in variables: https://support.google.com/tagmanager/answer/6106965

• в Triggers создать Trigger с Event Click и типом Click или Link Click. Для Link Click указать на каких страницах сайта он должен срабатывать (можно задать RegExp маску или создать contains условие/несколько условий для Page URL variable), оставить галки Wait for Tags, Check Validation. Для Link/Link Click указать при переходе на какие url он будет срабатывать (можно задать RegExp маску или создать contains условие/несколько условий уже для Click URL variable). После этого trigger будет работать на сайте, это можно проверить в GTM Debugger.

• в Tags создать Tag с привязкой к Google Universal Analytics, указать в нем Google Analytics Tracking ID вашего сайта, указать тип Event, задать Category, Action, Label в виде текста или variables (например, {{Page URL}}, Click, {{Click URL}}). Value на задается и не отображается. В условиях срабатывания в More указать галкой созданный ранее Trigger. После этого статистика click event trigger от GTM Container будет отображаться в Google Analytics Web UI. В случае Tag с типом Event - как click в Reports/Realtime/Event (в колонках Category, Action и при клике на Category будет видна Label). В случае Tag с типом Page View - как page view в Reports/Realtime/Overview или Content. В обоих случаях просто считается число срабатываний trigger, но либо как clicks, либо как page views. При просмотре Reports/Realtime/Event надо не забывать сбрасывать крестиком создаваемую сверху автоматом цепочку синих прямоугольников-фильтров Category/Action, иначе вы не увидите другие events.

• сделать Publish чтобы GTM Container на вашем сайте начал передавать статистику в созданный Тag.
• в Google Analytics выбрать в Admin панели в качестве Property ваш сайт, иначе Reports не будут работать.

5. Google Tag Manager Debugger

6. Tracking Google Docs in GTM/Google Analytics

• Офиц. решение Google: для tracking нужно сделать embed документа в html page и вместо документа ссылаться и track-ать уже html page через Google Analytics. Это очень неудобно, т.к. предполагает создание массы вспомогательных промежуточных html с embed каждого документа или ссылкой на него, фактически дублируя вручную уже имеющийся автоматический функционал Google Drive. При заходе на html срабатывает page view event, кот. трактуется как view/download count самого документа (хотя, строго говоря, view это не download). Это возможно, если у вас уже есть блог и создать лишнюю страницу не проблема, но не работает когда у вас есть только документ на Google Drive и нет сайта. Все остальные также должны ссылаться на html с документом - тогда это будет учитываться в статистике. Нескольких документов/ссылок в этих html уже быть не может.
• Google Tag Manager вместе с Google Analytics дают возможность track-ать не только page views, но и clicks. Т.е. мы избавляемся от промежуточного нагромождения из html с embedded документом/ссылкой на него и теперь можем считать url clicks для конкретной url вместо page views, но только со страниц нашего сайта с GTM. Если ссылки на документ делаются из нескольких мест - придется считать их все (это делается в одном trigger). Но переходы по этой же ссылке с других доменов/чужих сайтов посчитать уже нельзя - на них не установлены GTM/Analytics с нашими Tracking ID, для разных доменов нужны разные Tracking ID.
• В Google Doc/Sheet вставляется dummy 1x1 pixel и track-ется через онлайн сервис GA_Beacon и Google Analytics. Этот метод похож на E-mail, содержащий картинки на удаленном сервере, по
  обращениям к кот. определяется, был ли он прочитан. См. https://mashe.hawksey.info/2014/02/tracking-google-sheet-views-with-google-analytics | https://github.com/igrigorik/ga-beacon
• export doc и использовать для хранения и sharing документов Яндекс Диск с его built-in статистикой для любого файла на диске.

7. Advanced GTM Features

• создавать Custom Variables и использовать их в условиях срабатывания Tags/Triggers
• создавать GTM Triggers на базе Custom Events - писать свои custom events/listeners в коде сайта, регистрировать их в GTM Web UI и подключать к Triggers. Такие triggers можно как обычно привязывать к стандартным и Custom Tags.
• создавать Custom HTML Tags для HTML и Images со своим алгоритмом обработки статистики, получаемой через Data Layer
• вызывать напрямую библиотеки аналитики, передавать системе статистику через Data Layer (JSON) из скриптов сайта если это необходимо - см. API.

8. Troubleshooting

• код GTM Container не может дублироваться на одной и той же странице
• один и тот же код Google Tag Manager нельзя использовать на html страницах в разных доменах. Для каждого домена генерится отдельный Tracking код или используется Custom HTML Tag с вашей реализацией cross-domain обработки статистики.
• есть проблемы со сбором статистики по Flash
• triggers, созданные в онлайн сервисе GTM Web UI (со встроенными auto event listeners), срабатывают не всегда, т.к. это зависит от конкретной реализации DOM event propagation вашего сайта. Если listeners сайта не передают сработавший event дальше по DOM цепочке, нужно модифицировать код сайта и вручную писать custom event listeners, привязывать их к Tag/Trigger в GTM и передавать данные через data layer (см. Advanced GTM Features). Using GTM Data Layer with HTML Event Handlers: https://developers.google.com/tag-manager/devguide#events
• GTM Tags загружаются с Google CDN асинхронно, нет поддержки синхронных A/B testing tags, как в других TMS
• компилятор GTM сжимает ваш скрипт в Custom HTML Tag, сокращая названия переменных и функций для оптимизации, поэтому нельзя использовать eval() для вычисления dynamic variables.
• в Custom HTML Tag должно быть не более 10240 characters. Если ваш скрипт больше - сожмите его или разбейте на несколько Custom Tags.

• код Google Analytics не может дублироваться на одной и той же странице
• один и тот же код Google Analytics нельзя использовать на html страницах в разных доменах. Для каждого домена генерится отдельный Tracking код.
• если Reports/Realtime page views/events работаeт, показывает ваши заходы на сайт, но у Property сайта Status: Tracking Not Installed - ждать 72 часа - статус обновляется не сразу.

Автор: vkatmandu
Дата публикации: 2015-04-15T19:08:00.000+04:00