После внедрения кода отслеживания Google Analytics или его настройки через Google Tag Manager необходимо организовать проверку корректности собираемых данных.
Для этого могут быть использованы различные инструменты. В Google для проверки корректности работы тегов своих систем создали свой инструмент - Google Tag Assistant, который устанавливается как плагин к браузеру. Я буду рассматривать работу плагина в браузере Chrome.
После установки в списке значков плагинов у появится новый, при клике на который левой кнопкой мыши откроется следующее окно:
Здесь необходимо выбрать теги каких систем вы планируете проверять (отслеживать), а также какие страницы подпадают под проверку все или выбранные. Указав необходимые вам параметры сохраните настройки нажав на кнопку Done .
Вы увидите сообщение, что Google Tag Assistant не активен (отключен) на текущей странице и вы можете включить его:
Для включения необходимо нажать Enable (про возможность записи, кнопка Record , поговорим ниже).
После включения плагина необходимо перезагрузить страницу, чтобы информация по ней отобразилась в Google Tag Assistant, либо перейти на следующую. Вне зависимости от действия в следующий раз Google Tag Assistant “соберет” необходимую информацию и она станет доступна для просмотра. При этом в списке плагинов у Google Tag Assistant появится дополнительная информация в виде количества тегов, обнаруженных на текущей странице:
Google Tag Assistant – количество тегов
Если кликнуть левой кнопкой мыши на этом значке, отобразится окно:
В котором будут отображены теги. Необходимо заметить, что цвет пиктограммы рядом с тегом может быть различным и зависит от результатов его работы:
- зеленый – если тег сработал корректно;
- синий – если есть не критичные замечания;
- красный – имеются серьезные ошибки.
На что еще необходимо обратить внимание в этом окне. Его можно разделить на два блока – первый это список тегов на странице, второй (нижняя часть) подсказки или советы, которые ведут к официальной документации и призваны помочь в решении проблем или ошибок.
В верхней правой части окна выводится информация об общем количестве тегов на странице, а при наличии ошибок и их количество:
Возможна ситуация, когда теги не будут обнаружены на странице, в этом случае информация выглядит таким образом:
Для получения подробной информации об интересующем теге достаточно в списке нажать на него:
Отобразится подробная информация по тегу (на примере Google Analytics):
На что необходимо обратить внимание. Первое это способ внедрения Google Analytics, на скриншоте это Implemented in Google Tag Manager , т.е. через Google Tag Manager, второе на количество хитов, которые были отправлены тегом до того, как вы открыли это окно:
Здесь отображается тип хита, например, Events (события) и количество хитов этого типа (1 в зеленом круге).
Выбрав тип хита вы “погружаетесь” в список хитов выбранного типа (конечно если их несколько), где можно узнать сведения, которые были переданы в Google Analytics:
Для перемещения между хитами, а также для возврата к списку всех хитов используйте элементы управления:
Помните, в начале я упоминал кнопку Records ? Она необходима для записи тегов на страницах и другой информации, чтобы ее не просматривать каждый раз на странице, а выполнить переходы по ссылкам внутри сайта, после чего изучить собранную информацию по каждой странице. Чтобы воспользоваться этим отчетом откройте окно Google Tag Assistant и нажмите кнопку Record . Вы увидите предупреждение:
Ознакомьтесь с информацией, при необходимости активируйте переключатель, чтобы отслеживать переходы между вкладками. Для окончания записи нажмите кнопку Cancel recording .
Теперь после перезагрузки страницы или перехода по ссылке на ней Google Tag Assistant начнет фиксировать и записывать информацию. В списке плагинов у значка Google Tag Assistant появится дополнительное обозначение в виде красного круга, которое указывает на активность опции записи:
Вы выполняете навигацию по страницам, Google Tag Assistant записывает информацию. Если необходимо завершить запись или ознакомиться с записанными сведениями откройте окно Google Tag Assistant и выберите необходимое действие в нижней части страницы:
Перед просмотром информации отображается сообщение:
Вам предоставляется возможность просмотреть отчет Show full report или возобновить/продолжить запись Resume recordind . Для просмотра отчета вам потребуется пройти авторизацию на Google.
Информация отображается в отдельной вкладке браузера и делится на два блока:
Отчет по Google Tag Assistant и информация по Google Analytics. От того, какой вариант вы выбрали зависит дальнейшая работа и внешний вид страниц. Изучая различные параметры можно выявлять ошибки и не точности, допущенные при внедрении Google Analytics. Доступна масса параметров и информации:
Используйте Google Tag Assistant при внедрении и настройке Google Analytics, но не забывайте, что лучше использовать не один, а несколько инструментов, которые будут дополнять друга-друга помогая вам решать текущие задачи.
Предлагаем вашему вниманию пошаговую инструкцию по установке и настройке Google Tag Manager (GTM). Здесь же мы расскажем, как с помощью GTM подключить Google Analytics и Яндекс Метрику.
Google Tag Manager (GTM) – многофункциональный инструмент, который позволяет добавлять на сайт или в мобильное приложение теги для анализа трафика, конверсии и поведения пользователей без вмешательства в исходный код сайта.
В статье мы подробно опишем, как создать и настроить GTM на сайте и как без вмешательства в исходный код сайта подключить Google Analytics и Яндекс Метрику.
Преимущества GTM
- Можно добавлять и обновлять теги без вмешательства в исходный код сайта. Нужно всего один раз добавить на сайт код Диспетчера тегов, а всё остальное уже можно внедрять в личном кабинете GTM;
- Уменьшение кода на страницах веб-сайта;
- Удобный и простой в использовании интерфейс;
- Простота тестирования. Режим предварительного просмотра позволяет маркетологам легко проверять корректность работы тегов;
- Сервис бесплатный.
Прежде чем перейти к установке, разберёмся в определениях:
- Контейнер – это фрагмент JS-кода, который размещается на всех страницах сайта. Внутри контейнера содержится информация о тегах, которые запускаются вследствие выполнения определённых правил, заданных в триггерах и переменных;
- Тег – фрагмент кода сайта, который позволяет отслеживать трафик и анализировать поведение пользователей, конверсию и т. д. (например, код Яндекс Метрики);
- определяют, когда нужно активировать тег в веб-контейнере;
- Переменные – это пара «имя-значение», которая используется в триггере как условие, при котором будет срабатывать тег.
Как установить Google Tag Manager на сайт
1. Зарегистрируйте аккаунт в Google
Если ваш аккаунт в Google уже зарегистрирован и вы авторизированы, пропустите этот шаг. Если нет – авторизуйтесь или создайте аккаунт .
2. Создайте аккаунт в GTM
После авторизации в Google можно переходить к созданию аккаунта в GTM. Перейдите на страницу Google Tag Manager и нажмите на кнопку «Создать аккаунт», затем укажите придуманное название аккаунта и нажмите на кнопку «Далее».
Рисунок 1
В появившемся окне укажите придуманное название контейнера и выберите, где он будет использоваться. В нашем случае это кнопка «Веб-сайт». После этого нажмите на кнопку «Создать».
Рисунок 2
Рисунок 3
3. Добавьте на сайт полученный код Диспетчера тегов
После того как вы примете соглашение об использовании, появится окно с кодом.
Рисунок 4
Выделите и скопируйте код в файл txt. После этого нажмите на кнопку «ОК» в самом низу открывшегося окна.
Далее в файле шаблона сайта, в котором у вас находится блок, вставьте код из верхнего блока как можно ближе к началу.
Рисунок 5
Код из нижнего блока вставьте непосредственно после открывающего тега.
Рисунок 6
После того как вы выполните эти действия, нажмите в панели GTM на кнопку «Опубликовать».
Рисунок 7
4. Протестируйте корректность работы GTM
Далее важно проверить, всё ли вы сделали верно. Для этого можно воспользоваться плагином Google Tag Assistant Recordings для браузера Chrome. Установите это расширение, перейдя по ссылке .
После установки на панели расширений браузера Chrome появится значок Google Tag Assistant - . Для проверки корректности работы установленного на сайт GTM нужно перейти на свой сайт и нажать на этот значок.
Рисунок 8
Из скриншота видим, что значок зелёного цвета, это значит, что установка Диспетчера тегов прошла успешно. Если значок жёлтого или красного цвета – тег размещён с ошибками.
Рекомендации Google
Рисунок 9
Подключение Google Analytics через GTM
Теперь приступим непосредственно к подключению Google Analytics через GTM.
1. Зарегистрируйте Google Analytics
Если на сайте уже установлена аналитика, этот пункт можно пропустить. Если нет, ознакомьтесь с тем, как зарегистрировать Google.Analytics , и пройдите регистрацию.
Обратите внимание! После регистрации Google.Analytics код на сайте размещать не нужно. Нам чуть позже понадобится только идентификатор отслеживания Google.Analytics. Если Google.Analytics зарегистрирован ранее и на сайте уже размещён код, после подключения Google.Analytics через GTM ранее размещённый код аналитики можно убирать.
2. Войдите в зарегистрированный ранее аккаунт в GTM и кликните по ссылке «Добавить новый тег»
Рисунок 10
3. Выберите тип тега
В данном случае нам нужен Universal Analytics.
Рисунок 11
4. Укажите идентификатор отслеживания сайта в Google Analytics и тип отслеживания – «Просмотр страницы»
Рисунок 12
Идентификатор отслеживания ресурса можно посмотреть в настройках Google Analytics.
Рисунок 13
5. Укажите триггер «All Pages»
Чтобы тег срабатывал на всех страницах, укажите триггер «All Pages».
Рисунок 14
6. Сохраните внесённые данные
Рисунок 15
7. Укажите имя тега и нажмите на кнопку «Сохранить»
Рисунок 16
8. Проверьте корректность работы тега
Для этого нажмите на стрелочку рядом с кнопкой «Опубликовать» и выберите «Предварительный просмотр».
Рисунок 17
В «Предварительном просмотре» контейнер с изменениями будет доступен только в вашем браузере.
Если контейнер отобразился под строкой «Tags Not Fired On This Page», тег на странице не сработал. Необходимо проверить все настройки и при необходимости исправить допущенные ошибки.
Если контейнер появился под строкой «Tags Fired On This Page», значит, Universal Analytics установлен без ошибок.
Рисунок 18
9. Опубликуйте Universal Analytics
Рисунок 19
Таким образом, мы подключили на сайт Google Analytics через GTM без вмешательства в исходный код страниц.
Подключение Яндекс Метрики через GTM
Для подключения Яндекс Метрики выполните те же действия, что и для Google Analytics, но так как по умолчанию Яндекс Метрики в GTM нет, при выборе продукта укажите «пользовательский HTML».
Рисунок 20
В результате появится окно с пустым полем.
Рисунок 21
В эту HTML-форму необходимо вставить код счётчика вашей Метрики.
Если на сайте уже установлена Яндекс Метрика, скопируйте код счётчика с исходного кода страницы. Если нет, ознакомьтесь с тем, как создать и настроить счётчик Яндекс Метрики .
Обратите внимание! Как и в случае с Google.Analytics, код на сайте размещать не нужно. Полученный код при настройке Яндекс Метрики нужно скопировать и добавить в появившееся на предыдущем этапе окно «Пользовательский HTML».
Рисунок 22
Перед публикацией проверьте корректность работы тега, нажав на кнопку «Предварительный просмотр».
Рисунок 23
Если в режиме предварительного просмотра контейнер размещён под строкой «Tags Fired On This Page», значит, всё настроено верно. Если же контейнер показывается под строкой «Tags Not Fired On This Page», тег не сработал, скорее всего, при подключении была допущена ошибка.
Рисунок 24
После того как мы убедились в том, что тег в предварительном режиме сработал, нажимаем «Опубликовать».
Таким образом, мы подключили на сайте Яндекс Метрику без вмешательства в исходный код страниц.
Если на вашем сайте ещё не установлен GTM, вы сможете установить и настроить его, следуя нашим инструкциям. А мы, в свою очередь, продолжим писать о том, как с помощью GTM анализировать трафик, конверсии и поведение пользователей.
Google Assistant на данный момент - венец творения Google в сфере общения машин и человека. Именно по этой причине понимание контекста пользовательских запросов пришло к нам из Now и Now on Tap, но с рядом изменений. Этот ассистент всегда рад понять, чего хочет хозяин, а также знает, как это сделать наилучшим образом. Произошла достаточно глубокая интеграция с такими решениями, как Google Allo, Google Home, Android TV и Android Auto.
Несмотря на то что голосовые ассистенты постепенно входят в нашу жизнь, в большинстве своем они еще очень далеки от того, чтобы стать полноценными помощниками. И дело тут не столько в проблемах с развитием, сколько в безопасности пользователей, которую некоторые функции голосовых ассистентов зачастую невольно нарушают . Впрочем, Google не была бы самой собой, если бы пренебрегла функциональностью в угоду защите пользовательских секретов, а потому приняла решение расширить возможности при работе на заблокированном экране.
Несмотря на ребрендинг, который Google провела с , переименовав ее в Wear OS, платформа так и осталась не слишком привлекательной для пользователей. Как показала практика, уж если люди и выбирают смарт-часы для работы в паре с Android-смартфоном, то чаще всего ими становятся решения от Samsung. Они хороши всем от общего быстродействия до функциональных возможностей. Другое дело, что единственным голосовым ассистентом, которого они поддерживают по умолчанию, является Bixby. Но это не значит, что нельзя обучить корейские часы работать с Google Assistant.
В последнее время только и разговоров, что о предстоящем апгрейде . Желая сделать своего голосового помощника удобнее и функциональнее, разработчики Google испытали массу всевозможных нововведений от режима Google Duplex, способного совершать звонки за пользователя, до , выступающего в роли смарт-колонки. Вот только о духовном развитии помощника почему-то никто, кроме российского представительства Google, даже не подумал.
Прошла всего пара недель с тех пор, как , в котором столкнулись между собой интеллектами популярные виртуальные помощники, но победителем с большим отрывом вышел лишь . Пара недель, а исследователям не сидится на месте, и они затеяли новое тестирование, в котором способности искусственного интеллекта Google Ассистента противопоставили таким гигантам, как Alexa, Siri и Bixby.
Вы когда-нибудь задумывались над тем, как вам удобнее вызывать голосового ассистента: вербальной командой или нажатием на специальную клавишу? Большинству первый способ кажется самым логичным, ведь как еще вызывать голосового ассистента, если не голосом? Но такая возможность есть далеко не у всех. Дело в том, что постоянное ожидание голосовой команды требует от устройства постоянно поддерживать микрофоны в активном режиме, анализируя все услышанное, что в свою очередь приводит к повышенному расходу энергии. Но вызвать помощника кнопкой тоже можно далеко не всегда, потому что у большинства современных смартфонов их нет вообще. К счастью,
Октябрь 21, 2017
После необходимо выполнить проверку корректного сбора данных. Сделать это можно с помощью инструмента Google Tag Assistant .
Google Tag Assistant – расширение для браузера Google Chrome, которое позволяет записывать последовательность действий, выполняемых пользователями, поддерживает анализ тегов во многих продуктах Google — AdWords, DoubleClick, . Он также помогает отслеживать правильность установки кода, находить и исправлять проблемы, которые могут привести к искажению данных в ресурсах и представлениях Google Analytics.
Отличить достоверные данные от недостоверных может быть непросто. А на выявление и устранение ошибок в работе сайта, как правило, требуется немало времени, денег, и усилий. Google Analytics – сильный инструмент веб-аналитики, имеющий собственную службу диагностики неполадок и ошибок. В ходе работы проверяется:
- присутствие кода отслеживания на всех страницах и правильность его настройки;
- наличие в конфигурации аномалий, например целей, для которых внезапно перестали регистрироваться конверсии;
- правильность регистрации данных электронной торговли.
Для каждой проблемы предлагается решение. Эти данные отображаются в верхнем правом углу (значок «колокольчика» ).
Оповещения Google Analytics
Но у Analytics есть ряд ограничений:
- только после сбора первичных данных возможна диагностика, а заранее отфильтровать недостоверную информацию не представляется возможным;
- для выявления неполадок и ошибок на сайте аналитике нужен определенный объем данных. Чем больше данных, тем больше недостоверной информации может накопиться (см. пункт выше);
- Analytics не может сканировать страницы, которые требуют аутентификации или входа с паролем;
- Analytics не всегда корректно сканирует динамические страницы (в URL которых содержится символ «?»).
Именно в таких ситуациях на помощь приходит функция Google Tag Assistant Recordings (GTAR) , позволяющая регистрировать теги, и взаимодействия для любой последовательности посещенных страниц или сайтов, и тех страниц, которые открывал пользователь, даже если часть из них находится за пределами основного домена.
Это часто встречается при переадресации пользователя со страницы сайта на сервис онлайн-оплаты. Будь у вас интернет-магазин товаров с электронной торговлей или продающий сайт с видеокурсами — чаще всего, пользователю, чтобы оплатить заказ, необходимо перейти на сайт платежей. В этом случае Google Analytics создаст дополнительный сеанс, который приведет к искажению данных. Решением данной проблемы станет добавление домена платежного сайта в исключаемый источник перехода.
Кроме этого, Tag Assistant позволяет быстро определить страницы, на которых не установлен код Google Analytics. Больше не нужно проверять сайт вручную и просматривать все данные в поисках отсутствующей страницы. GTAR может выполнять проверку тегов не только в других продуктах Google, но и на сторонних сайтах.
Еще одной распространенной проблемой является ошибка «Page took a long time to send pageview hit to Analytics» (Передача данных о просмотре страницы в Analytics занимает слишком много времени) . Она возникает при долгой загрузке страницы. Если она открывается слишком долго, код Google Analytics находится в той части страницы, которая не загрузилась, а пользователь уже закрыл ее, то обращение не будет зарегистрировано или будет передано с задержкой, что также повлияет на статистику в отчетах.
Есть другие оповещения Google Tag Assistant Recordings и способы устранения неполадок. Ознакомиться с информацией можно в официальной справке Google . Давайте теперь перейдем непосредственно к установке этого расширения.
- Переходим по ссылке
- Устанавливаем расширение
Расширение Google Tag Assistant
- После установки в правом углу активируем наше расширение, выбрав те теги, которые хотим отслеживать, а также какие страницы попадают под проверку (все или выбранные):
Настройка отслеживания Tag Assistant
Google Analytics – код отслеживания GA-, UA-, и Global Site Tag;
Google Trusted Stores — это бесплатная программа сертификации интернет-магазинов. Владельцы таких сайтов получают специальный значок (отображается в торговых кампаниях на поиске), показывающий, что покупатели положительно отзываются о магазине, считают его надежным, высоко оценивают качество услуг и подтверждают гарантию доставки. На момент написания статьи доступно в Великобритании, Франции, Германии, Австралии и Японии;
Google Trusted Stores для интернет-магазинов
AdWords Conversion Tracking / Remarketing – конверсии и тег ремаркетинга Google AdWords;
Floodlight – функция для DoubleClick Campaign Manager (DCM), позволяющая рекламодателям отслеживать и создавать отчеты по конверсиям – действиям пользователей, посещающих страницу после просмотра или клика по объявлению;
DFA / DFP (DoubleClick for Advertisers (DFA), DoubleClick for Publishers (DFP)) — комплексная платформа для показа рекламы;
Google Publisher Tags (GPT) – библиотека тегов объявлений, позволяющая создавать динамические запросы объявлений для DoubleClick for Publishers (DFP).
- Оставляем все без изменений и нажимаем Done .
- В результаты вы увидите сообщение о том, что Google Tag Assistant не активен (отключен). Для его активации нажмите на Enable:
Активация Tag Assistant
- Затем необходимо перезагрузить страницу, чтобы информация отобразилась в Google Tag Assistant. Значок может менять цвет и показывать различные числа в зависимости от того, какие теги обнаружены.
Обнаруженные теги на странице сайта
- зеленый — ошибок в теге не обнаружено;
- синий — тег размещен с незначительными ошибками. Также этим цветом помечаются советы по оптимизации тегов;
- желтый — размещение может привести к непредвиденным последствиям;
- красный — критическая ошибка. Такой тег может работать неверно и привести к искажению или потере данных в ваших отчетах.
На моем сайте установлен только код Universal Analytics. Тег работает корректно. Если Tag Assistant не найдет на странице код Google Analytics, выдаст такое оповещение:
Тег не найден
Для получения дополнительной информации по тегу следует просто нажать на него:
Теги на странице
Отобразится подробная информация (на примере моего Google Analytics):
Данные по тегу UA
Примечание: второй тег UA-1410476 на моем сайте отображается на всех страницах с публикациями материалов, где присутствует плагин Disqus. Он используется разработчиками для отслеживания комментариев пользователей. Код UA- автоматически встроен в iframe плагина, поэтому вам ничего не нужно с ним делать.
- Metadata – вкладка с основными данными по тегу (номер счетчика, версия и протокол)
- Code Snippet – отображает код счетчика на данной странице целиком
- Cookies – информация куки по моему сеансу
- Pageview Requests – это количество запросов на просмотр конкретной страницы
- Events – события на данной странице
В зеленом кружке отображается количество совершаемых действий в данный момент времени. Все они передаются в Google Analytics. «Провалившись» внутрь события, можно увидеть категорию события. В данном случае это New Visitor – новый посетитель.
Событие «Новый посетитель»
Вернуться назад можно с помощью стрелочки вверху экрана:
Возврат на предыдущий шаг
Над ней есть еще 4 элемента, о которых также следует упомянуть: воронка – звездочка – шестеренка и меню в виде трех точек.
Воронка – Показать / Скрыть теги
Мы можем вручную выбрать только нужные нам теги для отображения, а остальные скрыть. Делается это следующим образом:
В зависимости от показа / скрытия элемента напротив тега нажимаете «крестик» или «плюсик»:
Скрыть тег в Tag Assistant
Исключенные теги будут подсвечены серым цветом. Чтобы их скрыть необходимо нажать на значок сверху:
Скрытые теги
Звездочка — Добавить в избранное
Любой домен, в том числе и конкурента, можно добавить в избранный список, чтобы в дальнейшем Tag Assistant анализировал сценарии, загруженные с конкретной страницы, для любых тегов в фоновом режиме. Эту функцию можно использовать для тех страниц, которые не имеют ошибок или же наоборот, которые требуют повышенного внимания. В настройках можно добавить
Для этого просто активируйте на нужной вам странице звездочку.
Добавить в избранное
Список всех избранных доменов / страниц находится в настройках расширения.
Шестеренка – Настройки
При клике на данный значок мы попадаем на основные настройки данного расширения.
Настройки Tag Assistant
Здесь мы видим My Favorites лист (добавленных в избранное), а также опции:
- Ignore external scripts – игнорировать внешние скрипты;
- Recording: Follow Links Across Tabs — если галочка стоит, то во время записи Tag Assistant будет отслеживать переходы между вкладками;
- Auto open recordings report when recording is stopped – когда запись будет остановлена, в новой вкладке будет автоматически открываться полученный отчет.
Level of detail – Уровень детализации
Для каждого тега Google можно установить уровень детализации «Off», «Basic» или «Detail».
- Off (выключен) – информация по тегу не записывается;
- Basic (базовый) — будет предоставляться отчет об ошибках, а также минимальная информация о теге, такая как идентификатор учетной записи;
- Detailed information (подробная информация) — отчетность об ошибках, а также расширенная информация для устранения проблем: полный URL-адрес запроса, полный скрипт отслеживания и источник сценария.
В правом верхнем углу есть две кнопки. Вы можете просмотреть все ошибки и подробные руководства по их устранению, нажав на « List checks» , а также сбросить все настройки Tag Assistant кнопкой « Reset to default» .
Меню в виде трех точек
Меню Tag Assistant
- Show in separate tab – Tag Assistant открывается на отдельной вкладке браузера;
- Recheck DOM – перепроверка на поддержку стандартов «W3C DOM». Document Object Model - это инструмент, с помощью которого JavaScript видит содержимое HTML-страницы и состояние браузера;
- Auto Validation OFF / ON – когда параметр отключен, Tag Assistant автоматически не анализирует теги Google на страницах сайта;
- GA Debug OFF / ON – когда отладчик отключен, Tag Assistant не извлекает информацию из него и не получает подробные данные.
Теперь попробуем записать последовательность действий от захода на сайт через поиск до покупки / оформленного заказа. Это будет выглядеть так:
- включаем запись кнопкой Record. Ставим галочку на Recording: Follow Links Across Tabs
- переходим на сайт
- выполняем на нем те действия, которые хотим проверить
- останавливаем запись
- анализируем отчет
Включить запись Tag Assistant Recordings
Google Tag Assistant начнет фиксировать и записывать информацию после нажатия на кнопку Record. В списке плагинов у значка появится дополнительное обозначение в виде красного круга:
Запись Tag Assistant Recordings включена
Остановить запись и Посмотреть запись
Выбираем Show Full Report (Показать весь отчет) или же продолжаем запись (Resume Recording ) :
Посмотреть полный отчет Tag Assistant
Tag Assistant Report и Google Analytics Report
В отчете можно посмотреть весь проделанный путь пользователя, выявить ошибки, допущенные при работе Google Analytics или любого другого тега Google, а также принять дополнительные меры по их устранению.
Примечание: расширения Chrome автоматически отключаются в режиме инкогнито, поэтому данные по действиям пользователей в Tag Assistant не записываются.
- Vk.com —
Запущенный в 2012 году, диспетчер тегов Google (Google Tag Manager) помогает маркетологам и веб-мастерам решить важную задачу — встраивание в страницы фрагментов кода, которые отслеживают нужные показатели на сайте. До появления диспетчера встраивание кода в сайт было рискованной штукой без каких-либо гарантий, что всё заработает правильно с первого раза.Также не было гарантий, что вы получите те показатели, которые хотели, а куча запускавшихся сниппетов могла прилично замедлить скорость загрузки сайта.
Диспетчер тегов Google избавляет от перечисленных неудобств, предлагая шаблоны для легкого встраивания фрагментов кода (на языке Google — “тегов”) и обеспечивая асинхронный запуск тегов для ускорения загрузки сайта. А обновленная редакция этого инструмента получила более понятный интерфейс и поддержку большого числа тегов, полезных маркетологам и веб-мастерам.
Как утверждается в Справке по диспетчеру тегов Google, с ним “экономится время, сокращается количество ошибок и отпадает необходимость обращаться за помощью к разработчику”. Но правда ли эта система настолько простая в освоении, что может использоваться обычным пользователем? Попробуем разобраться.
Словарь диспетчера тегов Google для “чайников”
Для начала познакомимся с некоторыми понятиями из мира диспетчера тегов Google.
Тег — это фрагмент кода, который выполняется на странице сайта. Когда тег начинается выполнятся, мы говорим, что он активируется .
Триггер — это механизм, который активирует тег. Он проверяет выполнение нужных условий, и в зависимости от результата активирует или не активирует тег. Например, если вы встроили код для отслеживания статистики, условием активации тега будет каждое посещение страницы пользователями.
Переменные помогают указать диспетчеру, где и когда должен активироваться тег. Уровень данных хранит информацию, которую нужно передать диспетчеру тегов.
В контейнере хранятся все теги, триггеры и переменные для сайта. Если у вас несколько сайтов, то для каждого из них в диспетчере тегов нужно создать отдельный контейнер.
Вооружившись базовыми понятиями, попробуем встроить фрагмент кода с помощью диспетчера тегов Google.
Встраивание Universal Analytics через диспетчер тегов
Рассмотрим процесс встраивания тегов на примере небольшого сайта, который работает на WordPress. Перед использованием диспетчера Google рекомендует проверить какие теги (код для отслеживания) вы уже используете на своем сайте.
Если вы относитесь к редким людям, не имеющим аккаунта Google, ликвидируйте этот пробел до начала работы с диспетчером тегов. Если же у вас есть несколько аккаунтов Google, перейдите в тот, через который вы работаете (или собираетесь работать) со своими сайтами. Теперь перейдем непосредственно к диспетчеру.
Шаг 1: создание аккаунта
Когда вы зайдете первый раз в диспетчер тегов , вам предложат создать аккаунт. Это удобно для тех, кто сопровождает нескольких клиентов и нуждается в отдельном аккаунте для каждого из них.
В аккаунте будет храниться идентификатор контейнера для вашего сайта. Вам нужно выбрать тип контейнера (веб, iOS или Android) и нажать кнопку “Create” (“Создать”). После этого в выпадающем окне вы получите код для установки диспетчера тегов.
В качестве названия контейнера удобно использовать доменное имя; так вы легко определите, к какому сайту относится тот или иной контейнер. Если вы решили добавить еще один контейнер (например, для мобильного приложения сайта), это можно сделать через страницу аккаунта. В примере ниже в аккаунте SHHwebsites добавлен контейнер GPTWO.
Шаг 2: создание тега
Теперь нужно создать тег. Выберите надпись “NEW TAG” (“Новый тег”), затем выберите тег, который хотите добавить.
Называйте тег просто и понятно. Например, можно использовать аббревиатуру из названия сайта и типа тега, который используется.
Шаг 3: добавляем идентификатор отслеживания
Найдите идентификатор отслеживания для своего сайта в аккаунте Google Analytics. Он указан во вкладке “Администратор” в разделе “Ресурс” — “Код отслеживания”. Скопируйте идентификатор и вставьте его в нужную строку в окне настройки тега в диспетчере тегов.
Шаг 4: указываем условия отслеживания
Теперь выберите, какой параметр вы хотите отслеживать. Для аналитики это обычно просмотры страниц. На этом шаге вы можете также выбрать условия активации тега. Используйте для аналитики триггер “Все страницы”.
Шаг 5: устанавливаем идентификатор диспетчера тегов на свой сайт
Если вы уже установили диспетчер тегов на свой сайт (код для вставки был получен в шаге 1), следующим шагом станет публикация контейнера. В противном случае нужно подготовить сайт к публикации. В ресурсах на WordPress можно использовать специальные плагины для установки диспетчера тегов Google, например, DuracellTomi’s Google Tag Manager. С их помощью идентификатор диспетчера тега устанавливается даже с нулевым знанием программирования.
Шаг 6: предпросмотр и публикация
Итак, диспетчер тегов готов к отслеживанию вашей статистики. Можно опубликовать контейнер сразу или сделать предварительный просмотр. Предпросмотр даст уверенность, что тег активируется тогда, когда надо.
В режиме предпросмотра вы увидите, какие теги активируются.
Если вас всё устраивает, жмите на кнопку “Publish” (“Опубликовать”). С этого момента диспетчер тегов начнет отслеживать теги, триггеры и переменные. Каждый раз, когда вы добавляете что-то новое, создается новая версия контейнера. После публикации она становится текущей версией, с которой работает сайт. В панели навигации диспетчера можно найти все предыдущие опубликованные версии контейнера.
Шаг 7: удаляем дублирующий код
Скорее всего, вы использовали на своем сайте инструменты для аналитики от Google и до появления диспетчера тегов. Чтобы получать правильную достоверную статистику, вам нужно удалить старый код и управлять аналитикой только через диспетчер тегов.
Убедиться, что на сайте запущен только один код для отслеживания статистики, поможет плагин для браузера Chrome — Google Tag Assistant.
Шаг 8: проверяем статистику
При работе с Google Analytics полезна небольшая паранойя. Не поленитесь ежедневно проверять данные в Analytics хотя бы первую неделю после перехода на диспетчер тегов, чтобы быть уверенным в отсутствии непонятных потерь трафика.
После установки и активации первого тега работать с диспетчером становится гораздо проще. Например, добавим на сайт тег с многообещающим названием Crazy Egg. На главной странице нажимаем кнопку “Аdd new tag”, выбираем в уже знакомом окне из списка тегов Crazy Egg.
Устанавливаем триггер, затем делаем предпросмотр и публикуем новую версию контейнера.
Как мы убедились, работать с диспетчером тегов под силу даже очень далекому от кодинга человеку. Не поленитесь дополнительно изучить Справку по Диспетчеру тегов Google, чтобы этот инструмент на самом деле облегчил вам жизнь, а не превратился в новую головную боль.
