Когда код отслеживания отправляет обращение событие в google аналитику

Как правило, это связано с тем, что вы скопировали код с другого сайта или вообще из справки Google, при этом не подогнали его под свой сайт и не изменили идентификатор отслеживания.

Как понять, что данные отправились именно в Google Analytics? Посмотрите на Request URL. Перед вами будет запрос с данными, которые передаются в Analytics через Measurement Protocol.

Measurement Protocol

Запрос в Google Analytics

Запрос по Measurement Protocol (MP) формируется из строки пользовательского агента (User agent), строки отправки (transport), и строки набора данных с параметрами (payload data). Cтроки отправки (transport) указывают куда отправлять MP запрос. Они состоят из двух частей:

• адрес Google Analytics (куда отправлять данные, https://www.google-analytics.com/, скриншот выше);
• конечная точка URL (один или несколько обращений в запросе).

О том, что означают обязательные (v, tid, cid, t) и дополнительные параметры, как правильно формировать запросы и передавать их в Google Analytics, разберем в отдельной статье.

Проверить сформированный запрос можно с помощью инструмента Hit Builder, отправляя данные в Google Analytics вручную (метод POST).

Google Analytics Debugger

Расширение для браузера. Является надстройкой для консоли разработчика, в которую Debugger отправляет без изменения кода отслеживания информацию о том, что передается в Google Analytics. С помощью расширения можно не только проверить собственные страницы, но и узнать, как Analytics работает на других сайтах.

Google Analytics Debugger

Для установки перейдите по ссылке. В панели браузера в правом верхнем углу у вас должен появиться значок:

После активации в панели разработчика на вкладке «Console (Консоль)» появится информация:

Debugger в Console

Необходимо отметить, что после включения Google Analytics Debugger отладка производится с помощью analytics_debug.js.

Расширение для браузера автоматически изменило библиотеку analytics.js на отладочную версию. Чтобы включить отладочную версию analytics.js вручную, следует изменить URL в коде отслеживания JavaScript с https://www.google-analytics.com/analytics.js на https://www.google-analytics.com/analytics_debug.js:

Добавление debug в код отслеживания Google Analytics

Примечание: отладочную версию analytics.js следует использовать только при разработке сайта и устранении ошибок, так как она значительно больше основной библиотеки и может существенно замедлить загрузку страниц.

Если вы не хотите, чтобы данные передавались в Google Analytics (например, в среде разработки или тестирования), вы можете отключить задачу sendHitTask. Подробнее об этом читайте в официальной справке разработчиков Google.

Разберем пару команд из консоли Google Analytics Debugger.

LOG команд GA Debugger

1. Запуск analytics_debug.js. Консоль сообщает, что этот скрипт предназначен только для тестирования и отладки;
2. Инициализация Google Analytics;
3. Команда на создание счетчика Universal Analytics и нового трекера с именем gtag_UA Все дальнейшие команды будут работать с Analytics по имени трекера;
4. Автоматическая конфигурация домена cookie osipenkov.ru, поскольку в фрагменте кода отслеживания JavaScript устанавливалось для поля cookieDomain значение ‘auto’.
5. Запуск команды ga(Function)

Вызов функции очереди команд ga() путем передачи в нее функции запланирует выполнение переданной функции в следующей позиции в очереди. Так как команды выполняются только после полной загрузки библиотеки analytics.js, чаще всего передача функции в очередь выполняется с целью обратного вызова после загрузки библиотеки.

1. Запуск команды и отправки данных о просмотре страницы «PageView» с дополнительными полями:

• forseSSL — принудительное использование SSL (по умолчанию значение ‘false’);
• &gtm — устанавливает значение параметра &gtm:u5o;
• hitCallback — с помощью нее можно задать функцию, которая будет выполняться после обработки команды;
• dimension1 – пользовательский параметр, который мне необходим для передачи Client ID в Google Analytics;

Справка по полям analytics.js доступна здесь.

Чуть ниже доступны запрос по протоколу, который передает данные в Google Analytics (Sent beacon) и блок с параметрами из запроса, их расшифровка и принятые значения:

Блок с параметрами из запроса со значениями и сам запрос по протоколу

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

Решается это путем использования функции «Preserve log».

Функция Preserve log в консоли

При ее включении результаты будут сохраняться, а не очищаться при каждой загрузке страницы. Это удобно если вы хотите просмотреть историю ошибок, которые появляются перед уходом со страницы.

Google Tag Assistant Recordings (GTAR)

GTAR — это часть расширения Google Tag Assistant для браузера Chrome. Инструмент позволяет быстро выполнять проверку или диагностику сайта, анализировать внедрение кода Analytics и устранять неполадки.

Когда у вас включена функция Google Tag Assistant Recordings, будут записываться все страницы, даже те, которые не являются частью вашего сайта или создаются динамически (например, страница просмотра заказа в корзине). После остановки записи создается отчет с вашими действиями. Действия других пользователей не учитываются.

Tag Assistant Recordings

Подробнее о работе функции Google Tag Assistant Recordings читайте в официальной справке Google или в статье Google Tag Assistant в моем блоге.

Web Analytics Solution Profiler (WASP)

Еще одно расширение для браузера, которое позволяет обнаружить теги любого типа, их взаимосвязь между собой и визуализировать полученные данные.

WASP запоминает состояние dataLayer после того, как вы покинули страницу и перешли на следующую. Этот функционал является большим плюсом, поскольку в режиме отладки GTM не позволяет видеть, что произошло на предыдущей странице.

• обнаружение всех типов тегов, включая те, которые отправляются через POST;
• SEO информация о странице (URL, title, description, keywords, cookie и др.);
• возможность скрытия и блокировки тега;
• декодирование информации для Google Analytics и других сервисов;
• удобная визуализация, которая показывает отношения между всеми тегами с помощью связей в виде «стрелочек».

Для установки перейдите по ссылке. В панели браузера в правом верхнем углу у вас должен появиться значок:

Значок WASP.inspector: Analytics Solution Profiler

После этого откройте консоль разработчика (Ctrl+Shift+I) и перейдите на новую созданную вкладку WASP. Перезагрузите страницу. Для каждой страницы будет доступна своя визуализация в виде «карты путей».

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

Скрытие и блокировка тегов

WASP является незаменимым помощником в руках опытных маркетологов и веб-аналитиков и обладает мощнейшим функционалом по определению всех типов тегов и взаимодействию их друг с другом.

Установка кода Google Analytics

В этой статье вы узнаете, как работает код Google Analytics, как его установить на сайте и что при этом учитывать.

Что такое код отслеживания

Трекинг-код Google Analytics – это фрагмент кода JavaScript, который собирает и отправляет данные об уникальных посещениях страницы в Google Analytics.

Чтобы активировать его работу, нужно вставить в шаблон страницы сайта часть кода перед закрывающим тегом и заменить UA-XXXXX-X на ID.

Где брать этот код?

При создании ресурса в Google Analytics для сайта, который нужно отслеживать, в дополнительных параметрах вы сможете выбрать версию Google Analytics – предыдущую (Universal Analytics), новую (Google Analytics 4) или обе сразу.

Во всех случаях автоматически создаются уникальный идентификатор отслеживания и глобальный тег, содержащий этот идентификатор. Для существующего ресурса ищите его в пункте «Отслеживание».

Отличие в том, что для Universal Analytics идентификатор начинается с UA, для GA 4 – с G.
Теперь нужно установить глобальный тег на страницы сайта.

Где на странице размещать код Google Analytics

Конечно, код отслеживания выполняет функцию в любой части страницы. Другой вопрос – насколько хорошо он это делает.

Как и другие асинхронные коды, этот следует помещать в верхней части тега , перед любым другим скриптом и тегами CSS. Так скрипт загружается один раз, затем сохраняется в кэше (сохраняется на компьютер, и не нужно загружать его повторно), что ускоряет процесс.

Есть два исключения, когда размещать код в «голове» страниц не нужно.

1) Пользовательские переменные отслеживания

Они всегда на странице в режиме ожидания очередного просмотра или другого события.

Пользовательскую переменную можно установить в «голове» документа, и она активируется до того, как Google отправит код HTML. Но если разработчики построили страницу иначе и вы не хотите ничего менять, можно создать пользовательскую переменную где угодно. Удалите эту строку из асинхронного кода:

Вставьте её на любую страницу после того, как установили переменные. Так код не прерывает загрузку, и вы можете отслеживать пользовательские переменные в любом блоке страницы.

Да, это может снизить точность данных, если посетитель уходит сразу после загрузки страницы.

2) Отслеживание событий

Второе исключение – функция «Отслеживание событий». Когда происходит событие, сигнал идет к переменной отслеживания. Как учесть «быстрых» посетителей:

• Создаем переменную, устанавливаем в ключевом пространстве 1 (из 5). Называем её «Статус». Устанавливаем значение «Logged In» – оно не изменится, пока не произойдет нужное событие.
• Создаем событие, относим его к группе «Пользовательские» и определяем действие – «Загрузка страницы».

Варианта два: событие произошло и событие не произошло.

Для первого присваиваем ярлык, например 0 (может быть любое другое значение, удобное для вас). Также устанавливаем значение для второго варианта (событие не произошло).

Какие коды отслеживания актуальны

Чтобы узнать, какая библиотека Google Analytics на вашем сайте, посмотрите, что подгружается в коде.

Либо вызовите консоль разработчика и на вкладке «Сеть (Network)» посмотрите подгружаемые скрипты .js.

Код ga.js на данный момент устарел, использовать его не рекомендуется.

Актуальны коды analytics.js и gtag.js. Если вы используете gtag, отдельно код Universal Analytics (analytics.js) устанавливать не нужно – просто устанавливаете глобальный тег. Дополнительные изменения вносить в код не нужно.

Как работает код analytics.js

Стандартный фрагмент кода выглядит так:

Его основные задачи следующие:

• Создает элемент , который инициирует асинхронную загрузку библиотеки analytics.js со страницы https://www.google-analytics.com/analytics.js;
• Инициирует глобальную функцию ga (или очередь команд ga()), которая позволяет запланировать выполнение команд после полной загрузки и готовности библиотеки analytics.js;
• Добавляет в очередь команд ga() команду создания нового счетчика для ресурса, который указан в параметре ‘UA-XXXXX-Y’;
• Добавляет в очередь команд ga() команду отправить в Google Analytics обращение типа pageview для текущей страницы.

Для передачи событий нужно добавить конструкцию:

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

Обратите внимание, в Internet Explorer 9 и старых мобильных браузерах, которые не распознают атрибут async, скрипт может загружаться синхронно. Поэтому учитывайте особенности вашей аудитории.

Неважно, какой код analytics.js вы используете – стандартный или альтернативный. Оба варианта допустимы. Главное, чтобы ваш браузер поддерживал предварительную загрузку первого скрипта. Второй, как правило, позволяет повысить производительность в современных браузерах.

Какие данные получает код отслеживания

При каждом посещении страниц сайта в Google Analytics отправляется обращение категории pageview. Благодаря этому можно узнать, например:

• Как долго пользователь был на сайте;
• Сколько времени он находился на каждой странице и в каком порядке их посещал;
• Какие ссылки нажимал (в соответствии с URL следующего обращения типа pageview).

Скрипт анализирует первоначальную страницу, IP-адрес и агента, что позволяет также определять такие параметры посетителя, как:

• Географическое положение;
• Браузер и ОС;
• Размер экрана и наличие Flash или Java;
• Источник перехода.

Чтобы получать информацию о дополнительных взаимодействиях, м ожет потребоваться изменить последние две строки фрагмента отслеживания JavaScript (команды create и send) или добавить код.

Не модифицируйте код, который загружает библиотеку analytics.js или инициирует функцию очереди команд ga().

Если вы хотите отслеживать электронную торговлю, для неё есть специальный код. Он учитывает специфику e-commerce, установите его отдельно.

Причем для использования электронной торговли необходимо в коде подключить дополнительный плагин:

Как работает код gtag.js

Функция Global Site Tag доступна с октября 2017 года.
В чем разница gtag и analytics.js?

Если для analytics.js нужно добавлять по отдельности фрагменты кода всех продуктов Google – для отслеживания конверсий, ремаркетинга, электронной коммерции и т.д., – здесь появляется единый тег, который отправляет данные во все маркетинговые и аналитические инструменты Google.

Достаточно создать счетчик Google Analytics 4 и установить глобальный тег на сайт.

Так гораздо проще совмещать разные теги в коде и подключать продукты. Например, чтобы не дублировать полностью два кода Google Аналитики, можно добавить одну строку:

При создании нового счетчика код gtag.js выглядит так:

config – это команда, которая подтягивает соответствующую библиотеку для выбранного продукта, например analytics.js для Google Analytics или conversion.js для Google Рекламы.

Для передачи событий в gtag.js используйте следующую конструкцию:

• – это строка, которая указывается в отчетах Google Analytics как действие по событию;
• – категория события;
• – ярлык события;
• – ценность события, выраженная целым неотрицательным числом.

Пример для события «Покупка» (purchase) в электронной торговле:

Стоит один раз его установить – и можно использовать все новые фишки Google Аналитики без подключения новых скриптов. К тому же у вас всегда будут обновленные скрипты сервисов Google.

Также смотрите, чем удобен Global Site Tag при настройке целей.
При подготовке статьи использованы материалы блога Якова Осипенкова.
Похожие статьи

Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто

Опубликовано редакцией Yagla
Читайте ещё статьи по этой теме

Как формируется цена клика в Яндекс.Директе и как её оптимизировать Статья

Яндекс установил минимальную цену клика (30 копеек) и максимальную (2 500 рублей). На практике для всех ситуаций нет единых значений – они варьируются в зависимости от тематики и других факторов.

Всё о ручном управлении ставками с оптимизацией на поиске Яндекс.Директ Статья

С мая 2019 года ручная стратегия с встроенной оптимизацией в Яндекс. Директ стала доступна не только в РСЯ, но и на поиске.

Выявление целевой аудитории в онлайне: практическое руководство Статья

Если у вас есть представление о том, кто ваши целевые клиенты – это полдела. Теперь нужно найти их в онлайне для последующей настройки рекламной кампании.

Когда код отслеживания отправляет обращение просмотр страницы в Google Аналитику?

Не так давно начал активно использовать Google Analytics. Просмотрел множество информации и роликов по этому поводу. Но все же у меня есть вопрос, на который я так и не смог найти исчерпывающий ответ. Когда код отслеживания отправляет обращение «Просмотр страницы» в Google Аналитику?

16 июля 2022
Для голосования требуется Авторизация

Количество статей:
Рейтинг автора:
Количество статей:
Рейтинг автора:
поделиться:
4 Ответа

16.07.2022 в 22:37
16.07.2022 в 22:37
Для голосования требуется Авторизация

Здесь все относительно просто, оповещение «Просмотр страницы» появляется в аналитике после непосредственного взаимодействия целевого пользователя с вашим контентом. Это может быть, как клик по рекламе, так и нажатие на какое-то видео. По факту, практически любое взаимодействие вызывает отклик в самой аналитике, что на сайте был посетитель. Как по мне это очень удобно, поскольку можно проанализировать целевую аудиторию, время активных заходов, ну и поведенческие факторы. Сказать точно, что именно вызвало реакцию системы довольно сложно, все зависит от ваших настроек в GA.

16.07.2022 в 22:38
16.07.2022 в 22:38
Для голосования требуется Авторизация

• В момент, когда посетитель нажал на представленный на сайте видеоролик или картинку под увеличение;
• На странице интернет-магазина такой же отклик появляется, когда клиенты добавляют в корзину товары;
• Еще как вариант — это пролистывание страниц самого сайта, которые содержат код отслеживания;
• Такой же результат я получаю на площадке строительных материалов, когда пользователи внутри сайта используют поиск, чтобы найти конкретную продукцию.

Как написал @Ukrainskiy-bisnes, данное оповещение может быть вызвано различными видами взаимодействия пользователя с вашим сайтом.

16.07.2022 в 22:38
16.07.2022 в 22:38
Для голосования требуется Авторизация

• gtag.js – это стандартный вариант кода, который по умолчанию отсылает в аналитику всю информацию о взаимодействии пользователей с сайтом. Сказать конкретно, чем вызван просмотр страницы довольно сложно, поскольку может быть много вариантов.
• page_view – этот также будет мониторить без все без разбору. Но он предусматривает возможность настройки. То есть можно комбинацией задавать параметры по страницам, на основе которых и будут приходить уведомления.

Если тебя интересует, конкретные действия во время просмотра страницы, то можно вручную все проставить.

16.07.2022 в 22:40
16.07.2022 в 22:40
Для голосования требуется Авторизация

Да, согласен и с комментарием выше. Чтобы понять, что происходит на сайте и по каким причинам аналитика шлет отчет от просмотренной страницы, достаточно провести дополнительную настройку pageview. В этом деле, существует несколько вариантов того, как можно поступить: 1. Просто установить улучшенную версию статистики. Она будет автоматом слать информацию о событиях на странице.
2. Провести ручную настройку page_view. Без опыта это проблематично, но вполне возможно. Например, я делал настройку под себя. Для этого необходимо детально рассмотреть возможности и комбинации самой Google аналитики. Желательно посмотреть несколько видосов по теме, это существенно упростит задачу. Вот такое видео, например.

Для ответа вам необходимо Авторизоваться

ProTraffic.com — твой путеводитель по арбитражу трафика. Все фишки и экспертный контент от практиков, актуальные новости и аналитика, обучающие видео и интервью с лидерами рынка. Лей в плюс с ProTraffic!

© 2019-2024, ProTraffic. Все права сохранены. Условия пользовательского соглашения

Сервис Bankoff, позволявший выпускать карты, прекращает свою деятельность из-за наплыва пользователей / Криптобиржа Currency прекращает работать в России / Выпустили огненное интервью на YouTube-канале с командой TraffBraza / Роскомнадзор запретил на территории России рекламное продвижение Google и её сервисов / Новое экзотическое ГЕО от М1 — Эквадор / NashStore вместо Google Play: в России запустят аналог магазина приложений для Android /

Авторизация

Введите ваше имя пользователя или адрес email. Вы получите email сообщение с инструкциями по сбросу пароля.

Создать аккаунт

Делитесь публикациями и зарабатывайте деньги, общайтесь с коллегами и задавайте вопросы. Это бесплатно.