ТОП-5 инструментов для анализа настроек аналитики
eye

Автор статьи: Полина Охай, специалист отдела веб-аналитики в агентстве

imgonline-com-ua-Resize-QuZIdYsA9VB.png

Аналитик

Полина Охай

Web-аналитика – основа интернет-маркетинга для любого ресурса. Веб-аналитика позволяет отслеживать, собирать и анализировать различные показатели эффективности сайта. По результатам веб-аналитики специалисты создают стратегии оптимизации, формируют рекомендации для увеличения продаж, лидов или других поставленных целей.

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

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

В этой статье мы рассмотрим ТОП-5 инструментов для анализа настроек аналитики. И начнём с Google Tag Assistant Recording.

pic_01.png

Данное расширение в браузере выглядит так:

pic_02.png

Для чего нужен Google Tag Assistant Recording и как им пользоваться?

Для того, чтобы у вас была возможность без помощи аналитиков посмотреть, корректно ли установлены коды отслеживания на сайте. Для этого необходимо всего лишь нажать на “Check this page now” после установки инструмента.

Также Google Tag Assistant (GTA) имеет возможность проверять теги других продуктов, например, Google Ads, Campaign Manager и Google Tag Manager (GTM).

Данный инструмент предоставит детальную информацию по всем тегам, что найдены на странице. А также поможет вам узнать статус тега.

Google Tag Assistant Recordings

Recordings является одной из функций GTA. С помощью данной функции вы можете записывать информацию (теги, события и т.д.) о всех страницах, которые посещали.

К примеру, обычно пользователь начинает поиск нужного ему продукта в поисковике, таким образом переходит на ваш сайт по объявлению Google Рекламы или ссылке в результате organic search. Далее он изучает сайт, рассматривает каталог и добавляет нужный товар в корзину, перепроверяет заказ, указывает платежные данные, адрес доставки и т.д. После чего нажимает на кнопку "Оформить заказ" и его перебрасывает на страницу “Спасибо за заказ!”, где и регистрируется достигнутая конверсия.

Функция Recordings записывает информацию всего пути, и даже те страницы, которые находятся не на вашем сайте. Каждая страница подвергается ряду тестирований, в конце которых создается отчет о результатах. Однако в нем будут отображаться данные только ваших действий, что не мешает проводить качественное тестирование сайта.

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

В Аналитике также есть подобные инструменты, но они имеют ряд недостатков, таких как:

  • Можно проверить только заранее собранные данные, что может помешать отделить некорректную информацию.
  • Нет возможности сканировать страницы, которые требуют верификацию.
  • Аналитика покажет, устранена ли ошибка, после сбора и обработки большого объема данных. За это время количество ошибочной информации может достичь критического уровня и испортить общую картину данных.

В Google Tag Assistant таких ограничений нет.

Следующий полезный инструмент это Analytics Pros.

pic_03.jpg

Данное расширение позволит вам устанавливать GTM без внедрения кода на сайт.

Analytics Pros значительно облегчает отладку, мониторинг и просмотр подробной информации без необходимости постоянного перехода от страницы к коду страницы и, наконец, к консоли разработчика. Расширение позволяет вам узнать:

  • Что добавляется в GTM dataLayer?
  • Что отправляется в Google Analytics?
  • Когда происходят эти добавления?
  • Есть ли проблемы?

В дополнение к диагностике прилагается обширный набор функций, которые помогут вам значительно ускорить внедрение аналитики для вашего сайта. Расширение позволяет:

  • Проверять dataLayer.
  • Работать с контейнерами GTM, не развернутыми на сайте.
  • Добавить код на страницу, прежде чем что-либо произойдет.
  • Скрыть определенные события.
  • Игнорировать попадания в определенные свойства.

Каждое нажатие записывается в консоль как группа данных. События являются наиболее распространенными и помечены как <name>. Нажав на значок стрелки, вы увидите подробную информацию. В группы входят объекты, ошибки, предупреждения и информация о времени. Кстати, вы можете скрыть время с помощью дополнительных опций.

pic_04.png

Обычно просмотр страницы является событием. Вывод будет включать в себя целевое свойство, контейнер GTM (если он отправлен в GTM), время и подробности попадания в сеть. Вы можете увидеть все данные, отправленные в GA, нажав на значок стрелки ►.

pic_05.png

Проверка

Поскольку вам необходим правильно инициализированный dataLayer, DataLayer Inspector + поможет вам в этом после проверки некоторых аспектов процесса, а именно:

  • Правильно ли инициализирован dataLayer?
  • Есть ли несколько слоев данных?
  • Является ли добавление dataLayer действительным?
  • Это действительный объект электронной коммерции?
  • Хит успешно доставлен в Google Analytics?
  • Был ли хит перенаправлен?

dataLayer.push

Эта опция помещает объект в dataLayer сразу после загрузки Инспектора, обычно в течение нескольких миллисекунд после начала загрузки страницы.

Вставить контейнер GTM

При выборе этой опции указанный контейнер GTM добавится ко всем страницам, которые соответствуют Host. Опция RegEx может гарантировать, что вы вставите контейнер только на нужные страницы, или может помочь вам использовать один и тот же контейнер в нескольких доменах.

pic_06.png

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

pic_07.png

Введите код

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

pic_08.png

Limit Output

Сокращение объема данных может помочь сосредоточиться на важной информации. Сокрытие времени и внутренних направлений — простые способы уменьшить данные. Кроме того, у расширения есть пара фильтров, которые использует RegEx для исключения шума.

Скрыть определенные события pushed and / or send

pic_09.png

Используйте RegEx для фильтрации событий, отправляемых на dataLayer. Для pushed оценивается ключ «событие», а для sent — категория события «ec». Например:

  • Чтобы исключить все события «gtm», используйте «^ gtm».
  • Чтобы исключить попадания с категорией «click», используйте «ec: click».
  • Чтобы исключить оба, используйте «^ gtm | ec: click ».

Google Analytics Debugger

Расширение отображает полезную информацию в консоль JavaScript, увидеть которую можно, включив отладочную версию Google Analytics Javascript (analytics.js). Информация будет содержать в себе сообщения об ошибках и предупреждения, которые могут показать вам, что ваш код аналитики настроен неправильно. Кроме того, он содержит подробную разбивку каждого сигнала для отслеживания, отправляемого в Google Analytics. Это расширение загружает отладочную версию для всех сайтов, которые вы просматриваете с помощью Google Chrome.

После установки расширения необходимо выполнить три шага для подготовки его к работе:

  1. Кликните по иконке расширения (справа от адресной строки).
  2. Чтобы вызвать консоль браузера, нажмите “F12” и перейдите на вкладку «Console».
  3. Обновите страницу, на которой вы находитесь.
pic_10.jpg

В нашем примере консоль не выводит ошибок, а значит данные в GA отправлены успешно. Установка и настройка расширения произведены корректно.

pic_11.jpg

Пример ошибки:

pic_12.jpg

Facebook Pixel Helper

Помощник по пикселям Facebook — это расширение для браузера Chrome, которое поможет узнать, корректно ли настроены ваши пиксели.

Плагин покажет, установлены ли на сайте пиксели Facebook, проверит, есть ли ошибки и изучит события, по которым срабатывает пиксель. Facebook Pixel Helper посоветует, как повысить результативность пикселя. Часто он рекомендует следующее:

  • Размещать базовый код пикселя как можно выше к заголовку сайта во избежание неотслеживаемых действий клиента, которые могли произойти до срабатывания кода.
  • Использовать отслеживание. Если вы видите эту ошибку, значит отслеживание не включено и Facebook Pixel Helper не может помочь вам в обнаружении ошибки. Чтобы включить отслеживание, необходимо перейти к настройкам Facebook.
pic_13.png

Как только Facebook Pixel Helper будет установлен, рядом с url строкой появится небольшая иконка. Если вы перейдете на ваш сайт и нажмете на значок помощника, высветится окно с информацией о пикселях, события, которые были найдены на странице и их статус.

GTM SPY

Сервис поможет вам узнать теги, триггеры и переменные опубликованного контейнера GTM. Более того, вы можете их скачать в формате JSON и установить в свой тег менеджер. Это будет полезно новичку для того, чтобы увидеть различные варианты настроек событий.

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

В форме “Start by entering a URL or GTM ID” необходимо вставить ссылку интересующего вас сайта или ID его контейнера GTM и нажать на кнопку “Lookup Container”.

pic_14.png

Если вы не помните, как найти ID контейнера, вернитесь к той части статьи, где мы рассказываем о Google Tag Assistant.

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

  1. Три вкладки: Теги, Переменные и Триггеры, в которых будут отображаться данные сайта, соответственно.
  2. Версию контейнера, которую вы сможете скачать со всей информацией и установить в ваш GTM контейнер.

Чтобы добавить данные в контейнер, в GTM перейдите во вкладку Administration — Import container. После чего настройте параметры импорта, выберите рабочую область и вариант импорта из предоставленных. Просмотрев еще раз все теги, триггеры, переменные и убедившись, что вас эти данные устраивают, нажмите “Подтвердить”.

pic_15.png

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

pic_16.png

И всё же это не проблема. Вы легко сможете поменять имя любого объекта, подстраиваясь конкретно под ваш сайт.

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

Выводы

В качестве подведения итогов хотелось бы добавить, что использование вышеперечисленных инструментов поможет как новичкам (повысить скилл в web-аналитике, избегать ошибок в работе, находить нетривиальные решения тех или иных задач), так и владельцам бизнеса, которым настраивали аналитику (поможет проконтролировать работы настройщика на каждом этапе). Скачивайте, устанавливайте, экспериментируйте, развивайтесь!

Другие интересные статьи