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.
Вы когда-нибудь задумывались над тем, как вам удобнее вызывать голосового ассистента: вербальной командой или нажатием на специальную клавишу? Большинству первый способ кажется самым логичным, ведь как еще вызывать голосового ассистента, если не голосом? Но такая возможность есть далеко не у всех. Дело в том, что постоянное ожидание голосовой команды требует от устройства постоянно поддерживать микрофоны в активном режиме, анализируя все услышанное, что в свою очередь приводит к повышенному расходу энергии. Но вызвать помощника кнопкой тоже можно далеко не всегда, потому что у большинства современных смартфонов их нет вообще. К счастью,
- Tutorial
Относительно недавно, мы проводили редизайн и оптимизацию нашего сайта и наткнулись на ряд проблем связанных со скриптами и кодами отслеживания от Google. А именно:
- проблема избытка кода Google в коде страниц (отслеживание событий, Google A/B tests, Google Analytics)
- неудобство управления и слежения за скриптами.
- постоянная необходимость редактирования шаблонов страниц, для внесения изменений и дополнительных параметров в скрипты.
- зависимость от релизов на поддоменах (индивидуальный случай). Например, над личным кабинетом работает не один человек, а команда разработки с использованием контроля версии (VSC) и для внесения малейших изменений приходилось ждать очередного релиза.
Речь пойдет о Google Tag Manager (диспетчер тегов Google).
Основные преимущества перехода на диспетчер тегов на наш взгляд:
- минимум кодинга на страницах. Убираем все скрипты от Google из кода страниц. Останется лишь код вставки Диспетчера тегов (код контейнера)
- прозрачность и удобство. Удобство настройки и слежения за скриптами. Все управляется и настраивается из панели управления Диспетчера тегов. Мы видим все скрипты и к каким страницам и событиям они привязаны
- масштабируемость. Больше не нужно затрагивать код страниц. Вы можете добавлять и настраивать код Google Analytics, отслеживания конверсий AdWords, ремаркетинга AdWords и много другого из личного кабинета диспетчера тегов.
- система контроля версий. Любые изменения можно с легкостью отменить и вернуть на более ранний state, а так же следить за тем, кто, где и когда вносил изменения.
- режим многопользовательской работы.
Для быстрого старта, нам понадобиться разобрать основные термины, которые необходимы для начала работы с Google Tag Manager, а именно:
- Аккаунт
- Контейнер
- Правила
- Макросы
Аккаунт - это аккаунт=) как и в Google Analytics, в представлении не нуждается.
Контейнер - это главный и единственный фрагмент JS-кода, который мы вставляем на все страницы сайта. По сути, он является тегом, но его функция заключается в том, что он служит контейнером для всех тегов. О них написано чуть ниже. Своего рода «архитег», который запускает все остальные теги, при соответствии их правилам которые мы задали.
Тег - это фрагмент JS-кода. Все те скрипты, которые мы раньше вручную вставляли на страницы сайта, например, код Google Analytics, код отслеживания конверсий Adwords, пользовательский код и т.д.
Правило - это условие, при котором будет вызываться и выполняться тег или наоборот (блокироваться). Например, для кода Google Analytics правилом «выстрела» мы зададим: «на всех страницах».
Макросы - «Макросы являются парами типа имя/значение, для которых передаются значения в процессе работы». Используются при настройке правил. В нашем случае, переменные уровня данных для отслеживания событий (Event Tracking) в связке с целями Google Analytics, подробнее в практической части
Обобщим, в коде страницы имеется код контейнера. В контейнер с сервера Google подгружаются и активируются теги, которые соответствуют правилам активации. Макросы нужны для настройки тегов и правил.
Рис.1 Схема взаимодействия элементов
У Google есть замечательный инструмент в виде плагина для Google Chrome - «Tag Assistant» . Устанавливаем и вернемся к нему чуть позже.
Итак, предположим, имеется:
- сайт - example.com
- личный кабинет на поддомене - accounts.example.com
- разместить код Google Analytics
- настроить отслеживание конверсии при клике на определенную кнопку
В диспетчере тегов создаем аккаунт (рис.2).
Рис.2 Создание аккаунта
Далее создаем контейнер (рис.3). Указываем тип: «Веб-страницы» или «Мобильные приложения» и указываем наши домены(что, в принципе, необязательно). В нашем случае, поддомен мы не указываем, поскольку будем использовать междоменное отслеживание.
Рис.3 Создание контейнера
Готово! нам дают тот самый заветный код контейнера, который мы должны разместить сразу же после открывающего тега.
Код контейнера обязательно и всегда должен быть самым первым после открывающего тега, в противном случае вы рискуете потерять возможность отслеживания событий (Event Tracking) находящих ДО кода контейнера. Поскольку все переменные уровня данных, которые находятся до Диспетчера тегов, обрабатывать не будут.Для большей гибкости и удобства - для основного домена и поддоменов лучше использовать разные контейнеры.
Там же - нам предлагают одним нажатием вставить теги. Выбираем тег «Google Analytics»(рис.4)
Рис.4 Код контейнера и меню выбора тегов
Рис.5 Настройка тега Google Analytics
С тегом Google Analytics закончили. Следующим этапом мы настроим макрос на отслеживание событий (Event Tracking). Нам понадобится создать 3 макроса, а потом на основе них - тег отслеживания.
Итого, у вас должно получиться 3 новых макроса с именами переменных уровня данных: eventCategory , eventAction , eventLabel . В качестве правила для активации, нам еще понадобиться макрос «event», но он уже создан по умолчанию.
Рис.6 Создание макроса
Далее создаем новый тег, выбираем тип тега - «Google Analytics», вставляем тот же код счетчика в поле идентификатора, а вот в типе отслеживания - выбираем «событие» и далее вставляем созданные нами макросы из списка, соответственно:
- категория - GA Event Category
- действие - GA Event Action
- ярлык - GA Event Label
Рис.7 Создание тега отслеживания Google Analytics
Теперь нам нужно задать правило активации тега (рис.8). Создаем новое правило, в котором мы используем макрос «event»
Рис.8 Создание правила активации
Так как мы не хотим затрагивать код страниц, привязываем действие по клику с помощью jQuery и подключаем через Google Tag Manager(пользовательский тег), подобным образом:
$(document).ready(function(){ $("селектор нужного объекта").click(function() { dataLayer.push({"event":"GAevent", "eventCategory":"Заданное нами значение", "eventAction":"Заданное нами значение", "eventLabel":"Заданное нами значение"}); }); });
Рис. 9 Добавляем пользовательский тег
То есть, при клике по объекту, мы будем передавать переменные уровня данных методом .push() и теми значениями, которые мы будем задавать в целях Google Analytics.
Итак, у нас вышло 4 наших макроса: «event», «eventCategory», «eventAction», «eventLabel»
и четыре пары значений:
- ‘event’ : ’GAevent’
- ‘eventCategory’ : ’value’
- ‘eventAction’ : ’value’
- ‘eventLabel’ : ’value’
Чтобы нагляднее проследить взаимосвязь - см. рис.10
Рис. 10 Взаимосвязь переменных уровня данных, макросов и целей Google Analytics
Создаем цели в Google Analytics, вставляем переменные в наш метод dataLayer.push() для ссылки которую будем отслеживать.
Рис. 11 Создание версии и публикация контейнера
Проверяем: перейдя на страницу сайта открываем «Tag Assistant», о котором говорилось в самом начале практической части.
Рис.12 окно Tag Assistant
Мы видим код нашего счетчика, код контейнера. Зеленый статус «working» говорит о том, что всё отличненько. В противном случае, он бы описал проблему и предложил рекомендации к ее решению. Также, мы видим наш Data Layer.(зачастую, данные dataLayer не отображаются в панели "tag assistant" и это норма).
Вот и всё.
Ну и так вот, на дорожку:
Рассмотренное в данной статье - лишь малая и простейшая часть того, что на самом деле представляет из себя Диспетчер тегов (Google Tag Manager) и какие возможности открываются перед нами при углублении во все нюансы.
Запущенный в 2012 году, диспетчер тегов Google (Google Tag Manager) помогает маркетологам и веб-мастерам решить важную задачу — встраивание в страницы фрагментов кода, которые отслеживают нужные показатели на сайте. До появления диспетчера встраивание кода в сайт было рискованной штукой без каких-либо гарантий, что всё заработает правильно с первого раза.Также не было гарантий, что вы получите те показатели, которые хотели, а куча запускавшихся сниппетов могла прилично замедлить скорость загрузки сайта.
Диспетчер тегов Google избавляет от перечисленных неудобств, предлагая шаблоны для легкого встраивания фрагментов кода (на языке Google — “тегов”) и обеспечивая асинхронный запуск тегов для ускорения загрузки сайта. А обновленная редакция этого инструмента получила более понятный интерфейс и поддержку большого числа тегов, полезных маркетологам и веб-мастерам.
Как утверждается в Справке по диспетчеру тегов Google, с ним “экономится время, сокращается количество ошибок и отпадает необходимость обращаться за помощью к разработчику”. Но правда ли эта система настолько простая в освоении, что может использоваться обычным пользователем? Попробуем разобраться.
Словарь диспетчера тегов Google для “чайников”Для начала познакомимся с некоторыми понятиями из мира диспетчера тегов Google.
Тег — это фрагмент кода, который выполняется на странице сайта. Когда тег начинается выполнятся, мы говорим, что он активируется .
Триггер — это механизм, который активирует тег. Он проверяет выполнение нужных условий, и в зависимости от результата активирует или не активирует тег. Например, если вы встроили код для отслеживания статистики, условием активации тега будет каждое посещение страницы пользователями.
Переменные помогают указать диспетчеру, где и когда должен активироваться тег. Уровень данных хранит информацию, которую нужно передать диспетчеру тегов.
В контейнере хранятся все теги, триггеры и переменные для сайта. Если у вас несколько сайтов, то для каждого из них в диспетчере тегов нужно создать отдельный контейнер.
Вооружившись базовыми понятиями, попробуем встроить фрагмент кода с помощью диспетчера тегов Google.
Встраивание Universal Analytics через диспетчер теговРассмотрим процесс встраивания тегов на примере небольшого сайта, который работает на WordPress. Перед использованием диспетчера Google рекомендует проверить какие теги (код для отслеживания) вы уже используете на своем сайте.
Если вы относитесь к редким людям, не имеющим аккаунта Google, ликвидируйте этот пробел до начала работы с диспетчером тегов. Если же у вас есть несколько аккаунтов Google, перейдите в тот, через который вы работаете (или собираетесь работать) со своими сайтами. Теперь перейдем непосредственно к диспетчеру.
Шаг 1: создание аккаунтаКогда вы зайдете первый раз в диспетчер тегов , вам предложат создать аккаунт. Это удобно для тех, кто сопровождает нескольких клиентов и нуждается в отдельном аккаунте для каждого из них.
В аккаунте будет храниться идентификатор контейнера для вашего сайта. Вам нужно выбрать тип контейнера (веб, iOS или Android) и нажать кнопку “Create” (“Создать”). После этого в выпадающем окне вы получите код для установки диспетчера тегов.
В качестве названия контейнера удобно использовать доменное имя; так вы легко определите, к какому сайту относится тот или иной контейнер. Если вы решили добавить еще один контейнер (например, для мобильного приложения сайта), это можно сделать через страницу аккаунта. В примере ниже в аккаунте SHHwebsites добавлен контейнер GPTWO.
Теперь нужно создать тег. Выберите надпись “NEW TAG” (“Новый тег”), затем выберите тег, который хотите добавить.
Называйте тег просто и понятно. Например, можно использовать аббревиатуру из названия сайта и типа тега, который используется.
Шаг 3: добавляем идентификатор отслеживанияНайдите идентификатор отслеживания для своего сайта в аккаунте Google Analytics. Он указан во вкладке “Администратор” в разделе “Ресурс” — “Код отслеживания”. Скопируйте идентификатор и вставьте его в нужную строку в окне настройки тега в диспетчере тегов.
Теперь выберите, какой параметр вы хотите отслеживать. Для аналитики это обычно просмотры страниц. На этом шаге вы можете также выбрать условия активации тега. Используйте для аналитики триггер “Все страницы”.
Если вы уже установили диспетчер тегов на свой сайт (код для вставки был получен в шаге 1), следующим шагом станет публикация контейнера. В противном случае нужно подготовить сайт к публикации. В ресурсах на WordPress можно использовать специальные плагины для установки диспетчера тегов Google, например, DuracellTomi’s Google Tag Manager. С их помощью идентификатор диспетчера тега устанавливается даже с нулевым знанием программирования.
Шаг 6: предпросмотр и публикацияИтак, диспетчер тегов готов к отслеживанию вашей статистики. Можно опубликовать контейнер сразу или сделать предварительный просмотр. Предпросмотр даст уверенность, что тег активируется тогда, когда надо.
В режиме предпросмотра вы увидите, какие теги активируются.
Если вас всё устраивает, жмите на кнопку “Publish” (“Опубликовать”). С этого момента диспетчер тегов начнет отслеживать теги, триггеры и переменные. Каждый раз, когда вы добавляете что-то новое, создается новая версия контейнера. После публикации она становится текущей версией, с которой работает сайт. В панели навигации диспетчера можно найти все предыдущие опубликованные версии контейнера.
Скорее всего, вы использовали на своем сайте инструменты для аналитики от Google и до появления диспетчера тегов. Чтобы получать правильную достоверную статистику, вам нужно удалить старый код и управлять аналитикой только через диспетчер тегов.
Убедиться, что на сайте запущен только один код для отслеживания статистики, поможет плагин для браузера Chrome — Google Tag Assistant.
Шаг 8: проверяем статистикуПри работе с Google Analytics полезна небольшая паранойя. Не поленитесь ежедневно проверять данные в Analytics хотя бы первую неделю после перехода на диспетчер тегов, чтобы быть уверенным в отсутствии непонятных потерь трафика.
После установки и активации первого тега работать с диспетчером становится гораздо проще. Например, добавим на сайт тег с многообещающим названием Crazy Egg. На главной странице нажимаем кнопку “Аdd new tag”, выбираем в уже знакомом окне из списка тегов Crazy Egg.
Устанавливаем триггер, затем делаем предпросмотр и публикуем новую версию контейнера.
Как мы убедились, работать с диспетчером тегов под силу даже очень далекому от кодинга человеку. Не поленитесь дополнительно изучить Справку по Диспетчеру тегов Google, чтобы этот инструмент на самом деле облегчил вам жизнь, а не превратился в новую головную боль.
Предлагаем вашему вниманию пошаговую инструкцию по установке и настройке Google Tag Manager (GTM). Здесь же мы расскажем, как с помощью GTM подключить Google Analytics и Яндекс Метрику.
Google Tag Manager (GTM) – многофункциональный инструмент, который позволяет добавлять на сайт или в мобильное приложение теги для анализа трафика, конверсии и поведения пользователей без вмешательства в исходный код сайта.
В статье мы подробно опишем, как создать и настроить GTM на сайте и как без вмешательства в исходный код сайта подключить Google Analytics и Яндекс Метрику.
Преимущества GTM- Можно добавлять и обновлять теги без вмешательства в исходный код сайта. Нужно всего один раз добавить на сайт код Диспетчера тегов, а всё остальное уже можно внедрять в личном кабинете GTM;
- Уменьшение кода на страницах веб-сайта;
- Удобный и простой в использовании интерфейс;
- Простота тестирования. Режим предварительного просмотра позволяет маркетологам легко проверять корректность работы тегов;
- Сервис бесплатный.
Прежде чем перейти к установке, разберёмся в определениях:
- Контейнер – это фрагмент JS-кода, который размещается на всех страницах сайта. Внутри контейнера содержится информация о тегах, которые запускаются вследствие выполнения определённых правил, заданных в триггерах и переменных;
- Тег – фрагмент кода сайта, который позволяет отслеживать трафик и анализировать поведение пользователей, конверсию и т. д. (например, код Яндекс Метрики);
- определяют, когда нужно активировать тег в веб-контейнере;
- Переменные – это пара «имя-значение», которая используется в триггере как условие, при котором будет срабатывать тег.
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.
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 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, но не забывайте, что лучше использовать не один, а несколько инструментов, которые будут дополнять друга-друга помогая вам решать текущие задачи.