Предыдущий ролик Следующий ролик  

Видео урок: Отладка Google Analytics и решение основных проблем

Советы по Google Analytics

Прежде чем приступить к отладке, давайте посмотрим, как делать это корректно. Итак, предположим, что вы только что реализовали код и хотите его протестировать. Во-первых, вам нужно перейти на страницу вашего сайта и просто проверить исходный код. Выберите пункт "Просмотр кода страницы" (View page source). Вы увидите код Google Analytics, который находится прямо над закрывающим тегом <<head>> или над тегом <<body>>. Как видите, в нем указан именно наш аккаунт. При запуске асинхронной версии этот код будет загружать файл ga.js. Все вроде хорошо, во всяком случае код добавлен. Во-вторых, нужно перейти к отчетам режима реального времени, чтобы убедиться в том, что трафик действительно поступает в аккаунт.

Вот один из таких отчетов. Перейдем обратно на страницу, обновим ее, а теперь убедимся, что трафик действительно поступает на сайт. Если бы я не был на 100% уверен в том, что все это делал именно я, то я мог бы перейти в поле ввода URL и ввести UTM-параметры. В этом случае я ввожу utm_Source=KOBERG&utm_medium=COREY.

Если вы забыли, что это такое, вернитесь к разделу курса "Основы цифровой аналитики", который посвящен отслеживанию кампаний, и освежите в памяти, что такое параметры кампаний, и для чего они предназначены. Если я через некоторое время снова вернусь к отчетам режима реального времени и перейду к отчету "Источники трафика" (traffic sources), то увижу в нем источник "Koberg" с каналом "Corey". Теперь я полностью уверен в том, что в отчете действительно видно, что именно я загрузил страницу в только что запущенном коде, и что ни один бит старого кода не пропущен. Если трафик не поступает на сайт, то нужно убедиться в отсутствии фильтра, который ограничивает поступление трафика с нашего собственного IP-адреса.

Мы часто используем этот фильтр на практике, и он действительно способствует тому, что трафик тестового сайта не поступает в аккаунт. Поэтому давайте рассмотрим суть процесса отладки, а в следующем видео разберем все более подробно. На текущий момент вам достаточно просто знать то, что нужно проверить следующие моменты: во-первых, действительно ли загружается файл ga.js или analytics.js с кодом JavaScript, а во-вторых, отправляются ли данные обратно в Google Analytics должным образом. Таким образом, если мы перейдем на главную страницу нашего сайта, а затем в меню Google Chrome выберем пункт "Инструменты разработчика" (Developer Tools), то увидим в предоставленном окне несколько вкладок, но нам нужна только одна: вкладка "Network" (Сеть). Если я обновлю страницу, то в этой вкладке отобразятся все запросы, отправляемые с этой страницы в сеть. Меня интересуют конкретно два запроса в Google Analytics. Поэтому я спущусь ниже. Я могу отфильтровать эти запросы, введя в поле поиска значение "analytics". При этом я увижу, что искомые запросы присутствуют в этом списке. Во-первых, я загружаю, файл ga.js. Во-вторых, я запрашиваю, utm-gif файл со всевозможными параметрами. Именно эти данные и отправляются обратно в Google Analytics. Так происходит, если вы запускаете асинхронную версию кода, файл ga.js.

Если бы вы запустили Universal Analytics версию кода, то увидели бы что-то вроде следующего. Если перейти на эту страницу и спуститься вниз, то можно увидеть, что мы запускаем файл analytics.js, который является Universal Analytics версией кода JavaScript. А обратно отправляется нечто, начинающееся со слова "collect". Вы точно также загружаете Javascript код и отправляете данные обратно. Но теперь вы используете не асинхронную версию, а версию Universal Analytics. Поэтому давайте вернемся к примеру с асинхронной версией и подробнее его рассмотрим. Если я нажму сюда, то увижу, что данные отправляются обратно посредством utm-gif файла.

Я увижу всевозможные параметры строки запроса, включая мой аккаунт, домен, на котором расположен мой сайт, и всю остальную информацию, которая отправляется в Google Analytics. А теперь давайте по-настоящему поломаем наш код, чтобы можно было его починить. Вы можете столкнуться с двумя основными видами проблем. Одна из проблем заключается в том, что первоначальный JS код не загружается первым. Вторая проблема - JS код загружается, но при этом данные не отправляются в Google Analytics. Таким образом, если я вернусь к коду Google Analytics, то, скорее всего, окажется, что я забыл поместить код в блок <<script>>. Если я удалю первую часть этого блока, затем сохраню свой файл, вернусь обратно на сайт, очищу файлы cookie и обновлю страницу, то, когда я перейду на вкладку "Network" (Сеть) и выполню такой же поиск по слову "analytics", ни одного подходящего запроса не обнаружится. Javascript не загружается, данные обратно не отправляются. При этом мой скрипт отображается в верхней части страницы в виде текста, что, конечно, является первым признаком того, что что-то идет не так. Вторая проблема слегка посложнее. Скрипт загружается, но при этом данные не отправляются обратно. В основном такое происходит, если вы скопировали код с другого сайта или даже из справочного центра Google Analytics, и не подогнали его под ваш сайт.

Поэтому сначала давайте устраним эту проблему и снова поместим код в блок <<script>>. А затем добавим некий дополнительный код, которого не должно быть здесь. Я скопировал шаблонный код из справочного центра Google Analytics и вставил его в код своего сайта без изменений. Теперь если я обновлю файл, вернусь на первоначальный сайт, перейду на вкладку "Network" (Сеть), обновлю страницу и отфильтрую запросы по слову "analytics", то увижу, что Google Analytics загрузила код Javascript, но эти данные не были отправлены обратно в Google Analytics.

Поэтому выполнена лишь половина работы: мы загрузили Google Analytics, но данные не отправляются обратно, поэтому они не отображаются в моем аккаунте Google Analytics. Давайте устраним эту проблему. Вернемся к коду Google Analytics, удалим строку, содержащую функцию _setDomain, обновим файл, вернемся на сайт и обновим страницу. Теперь я вижу, что код Javascript загружается, и данные отправляются в Google Analytics. А если я перейду в Google Analytics, то смогу увидеть, что хит возвращается сюда и регистрируется, а также то, что он поступает по моему каналу и с моего источника.

Итак, первое, что вам нужно проверить - это исходный код представления. Убедитесь, что код действительно присутствует. Второй момент относится к режиму реального времени: убедитесь в наличии трафика. В-третьих, вам нужно перейти в раздел "Инструменты разработчика" (Developer Tools), просмотреть список ресурсов и убедиться, что код Javascript загружается, и данные должным образом отправляются обратно в Google Analytics.