Советы и хитрости для Google Assistant: от новичка до эксперта. Пошаговая инструкция по установке диспетчера тегов Google Другие варианты получения помощника

Октябрь 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 —
    • Tutorial

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

    • проблема избытка кода Google в коде страниц (отслеживание событий, Google A/B tests, Google Analytics)
    • неудобство управления и слежения за скриптами.
    • постоянная необходимость редактирования шаблонов страниц, для внесения изменений и дополнительных параметров в скрипты.
    • зависимость от релизов на поддоменах (индивидуальный случай). Например, над личным кабинетом работает не один человек, а команда разработки с использованием контроля версии (VSC) и для внесения малейших изменений приходилось ждать очередного релиза.
    В данной статье мы рассмотрим решение данных проблем на примере Google Analytics, посредством Диспетчера тегов от Google (Google Tag Manager) и рассмотрим новую модель организации работы со скриптами, для анализа работы сайта с практическими примерами и кучей картинок.

    Речь пойдет о Google Tag Manager (диспетчер тегов Google).

    Основные преимущества перехода на диспетчер тегов на наш взгляд:

    • минимум кодинга на страницах. Убираем все скрипты от Google из кода страниц. Останется лишь код вставки Диспетчера тегов (код контейнера)
    • прозрачность и удобство. Удобство настройки и слежения за скриптами. Все управляется и настраивается из панели управления Диспетчера тегов. Мы видим все скрипты и к каким страницам и событиям они привязаны
    • масштабируемость. Больше не нужно затрагивать код страниц. Вы можете добавлять и настраивать код Google Analytics, отслеживания конверсий AdWords, ремаркетинга AdWords и много другого из личного кабинета диспетчера тегов.
    • система контроля версий. Любые изменения можно с легкостью отменить и вернуть на более ранний state, а так же следить за тем, кто, где и когда вносил изменения.
    • режим многопользовательской работы.
    Также, если у вас имеется ресурс, который разрабатывается с использованием контроля версий и чтобы внести изменения в код страниц, приходится ждать очередного релиза, тогда Диспетчер тегов Google - это именно то, что вам нужно.Немного теоретической части

    Для быстрого старта, нам понадобиться разобрать основные термины, которые необходимы для начала работы с Google Tag Manager, а именно:

    • Аккаунт
    • Контейнер
    • Правила
    • Макросы
    Эти термины будут встречаться как в статье, так и в любой документации от Google.

    Аккаунт - это аккаунт=) как и в 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
    • настроить отслеживание конверсии при клике на определенную кнопку
    Регистрируем Google Analytics и Google диспетчер тегов.
    В диспетчере тегов создаем аккаунт (рис.2).


    Рис.2 Создание аккаунта

    Далее создаем контейнер (рис.3). Указываем тип: «Веб-страницы» или «Мобильные приложения» и указываем наши домены(что, в принципе, необязательно). В нашем случае, поддомен мы не указываем, поскольку будем использовать междоменное отслеживание.


    Рис.3 Создание контейнера

    Готово! нам дают тот самый заветный код контейнера, который мы должны разместить сразу же после открывающего тега.

    Код контейнера обязательно и всегда должен быть самым первым после открывающего тега, в противном случае вы рискуете потерять возможность отслеживания событий (Event Tracking) находящих ДО кода контейнера. Поскольку все переменные уровня данных, которые находятся до Диспетчера тегов, обрабатывать не будут.
    Для большей гибкости и удобства - для основного домена и поддоменов лучше использовать разные контейнеры.

    Там же - нам предлагают одним нажатием вставить теги. Выбираем тег «Google Analytics»(рис.4)


    Рис.4 Код контейнера и меню выбора тегов

  • ввести «идентификатор веб-ресурса» - это старый добрый код счетчика
  • «добавить правило активации тега» - там ставим галочку напротив «все страницы». то есть код Google Analytics будет срабатывать на всех страницах сайта.
  • так как у нас имеется поддомен - открываем вкладку
  • «Дополнительные настройки» > «Домены и каталоги» и ставим галочку напротив «разрешить связывание» (это и есть междоменное отслеживание)


  • Рис.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’
    Значения мы задаем в панели Google Analytics, в «настройках цели».

    Чтобы нагляднее проследить взаимосвязь - см. рис.10


    Рис. 10 Взаимосвязь переменных уровня данных, макросов и целей Google Analytics

    Создаем цели в Google Analytics, вставляем переменные в наш метод dataLayer.push() для ссылки которую будем отслеживать.


    Рис. 11 Создание версии и публикация контейнера

    Проверяем: перейдя на страницу сайта открываем «Tag Assistant», о котором говорилось в самом начале практической части.

    Рис.12 окно Tag Assistant

    Мы видим код нашего счетчика, код контейнера. Зеленый статус «working» говорит о том, что всё отличненько. В противном случае, он бы описал проблему и предложил рекомендации к ее решению. Также, мы видим наш Data Layer.(зачастую, данные dataLayer не отображаются в панели "tag assistant" и это норма).

    Вот и всё.

    Ну и так вот, на дорожку:
    Рассмотренное в данной статье - лишь малая и простейшая часть того, что на самом деле представляет из себя Диспетчер тегов (Google Tag Manager) и какие возможности открываются перед нами при углублении во все нюансы.

    Почему Гугл тег менеджер?

    Основные преимущества:
    1. Простая установка.
    Только один код (контейнер) на всех страницах сайта.
    2. Умное отслеживание.
    Сбор нужной информации онлайн благодаря настраиваемым правилам и макросам.
    3.Быстродействие настроек.
    Благодаря встроенным шаблонам для кодов увеличивается скорость настройки новых
    маркетинговых инструментов в любой момент.
    Гугл тег менеджер совершенно бесплатен.

    Чем же еще хорош гугл менеджер тегов?

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

    Как Google Tag Manager может упростить ежедневную работу с кодами сайта клиента.

    Добавление и настройка кодов.
    Вставка кода тега менеждера на сайт.
    Выбор и добавление в контейнер тегов.
    Активация правила, чтобы тег работал на всех страницах.
    Поддержка тегов других служб.
    Отслеживание событий.

    Как начать работу с менеджером тегов гугл.
    1. На странице http://google.com/tagmanager?hl=ru создаем новый аккаунт или входим в существующий.
    Заполняем все поля и нажимаем кнопку создать.

    Кто должен создавать аккаунт?
    Наиболее оптимальный вариант для клиента самому создать аккаунт и добавить агенство или менеджера как пользователя с необходимым доступом.
    Если есть необходимость упростить работу для клиента, можно создать аккаунт самому и дать админ доступ клиенту.
    Сколько аккаунтов и контейнеров необходимо создать?
    1. Один аккаунт для одного пользователя
    2. Один контейнер для одного сайта

    Для понимания того сколько тегов находится на ваших ресурсах, установите расширение для гугл хром Tag Assistant (by Google)


    Зайдите в настройки браузера хром — Расширения. Внизу страницы: еще расширения. В поиске наберите название плагина.
    Нажмите установить.
    Плагин Tag Assistant даст вам информацию; какие теги в данный момент установлены на сайте.
    2. Скопируйте код и вставьте его в каждую страницу сайта. Разместите его непосредственно после открывающего тега .
    Проверьте корректность вставки кода на сайт. Перезагрузите веб — страницу.
    Посмотрите с помощью расширения для хром тэг ассистанта видимость диспечера тегов на вашем сайте.

    Добавление в контейнер тега Google Analytics.

    На странице «теги» нажмите на кнопку «Создать»

    Выбор продукта: Google Analytics

    Выбор типа тега: Universal 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.

    Вы когда-нибудь задумывались над тем, как вам удобнее вызывать голосового ассистента: вербальной командой или нажатием на специальную клавишу? Большинству первый способ кажется самым логичным, ведь как еще вызывать голосового ассистента, если не голосом? Но такая возможность есть далеко не у всех. Дело в том, что постоянное ожидание голосовой команды требует от устройства постоянно поддерживать микрофоны в активном режиме, анализируя все услышанное, что в свою очередь приводит к повышенному расходу энергии. Но вызвать помощника кнопкой тоже можно далеко не всегда, потому что у большинства современных смартфонов их нет вообще. К счастью,