Фрагменты отслеживания Google: что следует использовать?

Опубликовано: 2019-08-02

Последнее обновление: 23 августа 2019 г.

В Google есть различные фрагменты отслеживания для анализа взаимодействия посетителей на каждой странице нашего веб-сайта. Эти фрагменты включают ga.js, analytics.js, GTM и gtag.js. Некоторые из этих фрагментов работают лучше, чем другие, в зависимости от того, что мы хотим отслеживать на страницах нашего веб-сайта, и упростить управление внедрением кодов отслеживания. В этом блоге я попытаюсь прояснить, какова цель каждого из этих фрагментов Google и когда их использовать.

Фрагмент — это программный термин для небольшой области повторно используемого исходного кода, машинного кода или текста.

Каждый из этих фрагментов представляет собой небольшой фрагмент кода JavaScript, который мы вставляем на страницы нашего веб-сайта. Чтобы использовать эти фрагменты кода, мы должны скопировать соответствующий фрагмент кода, вставить его на все страницы нашего веб-сайта и заменить GA_MEASUREMENT_ID, также отображаемый как строка UA-XXXXX-X или GTM-XXXXXXX в коде фрагмента, на указанный веб-сайт. идентификатор свойства для нашего веб-сайта.

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

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

  • Общее время, которое посетитель проводит на нашем сайте.
  • Время, которое посетитель проводит на каждой странице, и порядок посещения этих страниц.
  • Какие внутренние ссылки были нажаты посетителем (на основе URL-адреса следующего просмотра страницы).

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

  • Географическое положение посетителя.
  • Какой браузер и операционную систему использует посетитель.
  • Размер экрана и установлен ли Flash или Java в браузере посетителя.
  • Сайт, на который ссылается посетитель.

Устаревший аналитический фрагмент (ga.js)

ga.js — это классическая аналитика или устаревшая библиотека отслеживания Google Analytics. Да, этот фрагмент специально используется для отправки данных отслеживания в Google Analytics. ga.js — это библиотека JavaScript для измерения того, как пользователи взаимодействуют с нашим веб-сайтом.

фрагмент кода устаревшей аналитики

ga.js уже является устаревшей библиотекой (не устарела), но все еще отслеживается. Одно из неудобств использования этого фрагмента заключается в том, что нам нужен доступ к исходному коду страницы, чтобы вставить код некоторых команд отслеживания и конфигурацию функций, необходимых для асинхронного отслеживания страницы для отправки данных отслеживания обратно на серверы Google Analytics. Объект _gaq делает возможным асинхронный синтаксис.

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

Универсальная аналитика (analytics.js)

Universal Analytics — это новый стандарт работы Google Analytics. В качестве устаревшего фрагмента библиотека analytics.js представляет собой библиотеку JavaScript для измерения того, как пользователи взаимодействуют с нашим веб-сайтом. Библиотека analytics.js — это новейшая библиотека JavaScript для Google Analytics, предназначенная для использования всех новых функций платформы Universal Analytics.

фрагмент кода универсальной аналитики

Этот фрагмент кода отслеживания JavaScript определяет глобальную функцию ga , известную как «очередь команд». Он называется очередью команд, потому что вместо немедленного выполнения полученных команд он добавляет их в очередь, которая откладывает выполнение до тех пор, пока библиотека analytics.js не будет полностью загружена.

Если вы только начинаете работать с Google Analytics и хотите отслеживать взаимодействие посетителей только в Google Analytics, вам следует использовать этот фрагмент кода. Если вы собираетесь отслеживать другие виды взаимодействия посетителей на своих веб-страницах или внедрять другие фрагменты на свои веб-сайты, такие как Facebook Pixel или Google Ads, вам следует использовать один из других фрагментов, которые будут объяснены далее.

Диспетчер тегов Google (GTM)

Диспетчер тегов Google – это система управления тегами, позволяющая быстро и легко обновлять коды отслеживания или измерения. Эти фрагменты кода в совокупности известны как теги, которые внедряются на наш веб-сайт или в мобильное приложение.

Фрагмент кода Диспетчера тегов Google

Мы устанавливаем GTM для настройки и развертывания тегов, включая теги из Google Ads, Google Analytics, Facebook и других третьих сторон. Фрагмент GTM состоит из двух скриптов. Тот, который должен быть размещен как можно ближе к открывающему тегу <head>, но ниже любых объявлений «dataLayer»; а второй скрипт представляет собой фрагмент кода <noscript>, который следует разместить сразу после открывающего тега <body> в нашем HTML.

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

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

Тег глобального сайта Google (gtag.js)

Глобальный тег сайта (gtag.js) — это платформа тегов JavaScript и API, которые позволяют нам отправлять данные о событиях в Google Analytics, Google Ads и Google Marketing Platform, а также в другие продукты Google. Вместо того, чтобы управлять несколькими кодами отслеживания для разных продуктов Google, мы можем использовать gtag.js и с большей легкостью получать выгоду от новейших функций измерения и интеграции по мере их появления.

Фрагмент кода глобального тега Google

gtag.js упрощает отправку данных отслеживания в несколько продуктов Google. Нет необходимости создавать дополнительные учетные записи или управлять конфигурацией в отдельном интерфейсе. Используйте команду gtag для захвата событий и отправки данных в один или несколько продуктов Google.

Возьмем этот пример, когда на типичном веб-сайте могут быть установлены следующие коды отслеживания продуктов Google:

  • Код отслеживания просмотров страниц Google Analytics на каждой странице.
  • Отслеживание событий Google Analytics для определенных взаимодействий, представляющих интерес.
  • Отслеживание электронной торговли Google Analytics для покупок, шагов проверки и многого другого.
  • Отслеживание конверсий Google AdWords для покупок или заполнения форм для потенциальных клиентов.
  • Теги ремаркетинга Google AdWords для создания аудитории в AdWords.

Это ПЯТЬ различных кодов отслеживания или тегов только для продуктов Google!!!

Gtag.js значительно упрощает весь этот процесс за счет:

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

Вывод

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

Если вы хотите отслеживать взаимодействие посетителей с вашим веб-сайтом только в нескольких инструментах отслеживания Google, таких как Google Analytics, Google Ads и Google Marketing Platform, вам следует использовать фрагмент кода gtag.js. Не используйте gtag.js с любым другим фрагментом кода отслеживания Google. Google считает это плохой практикой.

Если вы хотите отслеживать взаимодействие посетителей с вашим веб-сайтом с помощью различных инструментов отслеживания от Google и сторонних инструментов и намерены вводить и управлять различными фрагментами кода, такими как Google Ads, Google Analytics, Facebook и другими сторонними фрагментами. в одном месте вы должны использовать GTM. Это фрагмент, который мы рекомендуем использовать, и его следует использовать с их значениями по умолчанию и предварительно настроенными тегами и триггерами. Не используйте пользовательский тег HTML для внедрения других инструментов отслеживания Google через GTM. Это не рекомендуется Google и считается плохой практикой.

Опять же, не рекомендуется и мы не рекомендуем использовать несколько фрагментов отслеживания Google одновременно. Если вы используете GTM, используйте универсальный аналитический тег по умолчанию в GTM и не внедряйте в пользовательский HTML-тег фрагмент gtag.js или фрагмент ga.js. Google не рекомендует это и считает это плохой практикой.

Автор Артуро Сантьяго