Библиотеки Google Analytics

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

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

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

За последние 10 лет в одном только Google Analytics было столько обновлений (существенных и не очень), что описать их все в одной статье просто не представляется возможным. Да это и не нужно, поскольку практической пользы от этого не так много. А вот поговорить о наиболее важных событиях в жизни самого популярного инструмента веб-аналитики все же стоит. И речь пойдет о библиотеках Google Analytics.

Библиотека JavaScript — сборник классов и/или функций на языке JavaScript. Google имеет свои собственные клиентские библиотеки для самых распространенных языков программирования (PHP, Java, Python, JavaScript), чтобы упростить использование API.

Поскольку код отслеживания Google Analytics – это фрагмент кода JavaScript, то он тоже работает с различными библиотеками. С 2009 года они изменялись 4 раза:

  1. urchin.js (до 2009);
  2. ga.js (до 2013);
  3. analytics.js (с 2013);
  4. gtag.js (с 2017);

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

urchin.js

Устаревшая библиотека, которая использовалась до 2009 года. Название сопряжено с названием компании Urchin Software Corp., историю которой можно прочитать в этой статье.

Библиотеки Google Analytics
Urchin Software Corp.

Код Google Analytics когда-то выглядел так:

Документация по продукту Urchin доступна по ссылке на английском языке с пометкой:

Поддержка программного обеспечения Urchin WebAnalytics прекращена и больше не поддерживается. Вся документация Urchin применяется только к продукту Urchin и не распространяется на какие-либо продукты или услуги Google Analytics.

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

Библиотеки Google Analytics
Urchin 7

Urchin Software Corp. была приобретена компанией Google в апреле 2005 года и переименована в Google Analytics. В апреле 2008 года Google выпустила Urchin 6. В феврале 2009 года Google выпустила Urchin 6.5, интегрировав его с Google AdWords. Urchin 7 был выпущен в сентябре 2010 года и включал в себя 64-битную поддержку, новый интерфейс, отслеживание событий и ряд других функций.

Классическая библиотека ga.js

В 2009 году появилась новая библиотека ga.js и код, который стал работать асинхронно, то есть стал загружаться в фоновом режиме, без приостановки загрузки других скриптов и контента на страницах веб-сайта.

Код Google Analytics выглядел так:

Конструкция передачи событий в библиотеке ga.js:

Электронная торговля:

На данный момент является устаревшей библиотекой. Ее не рекомендуется использовать. Поэтому, когда вы читаете в интернете различные статьи по Google Analytics, обязательно смотрите на дату публикации материала. Все, что старее 2014-2015 годов, сейчас уже не работает.

Документация по классической библиотеке ga.js доступна по ссылке на английском языке с пометкой:

ga.js — это устаревшая библиотека. Если вы начинаете новую реализацию, мы рекомендуем использовать последнюю версию этой библиотеки analytics.js. Для существующих реализаций узнайте, как перейти от ga.js к analytics.js.

Universal Analytics, библиотека analytics.js

На данный момент (по состоянию на октябрь 2018) является самой популярной и самой стабильной библиотекой Google Analytics, несмотря на то, что уже есть gtag.js. Поддерживается различными сервисами автоматизации, управлениями рекламных кампаний, коллтрекингов, онлайн-консультантами и т.д.

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

С 2013 года в Universal Analytics реализованы функции, которые позволяют на принципиально другом уровне работать с данными и анализировать взаимодействие пользователей с вашим контентом. Абсолютно новый подход к отслеживанию и огромное количество нововведений:

Подробнее об этом можно почитать у Джастина Катрони (Justin Cutroni) и Станислава Видяева. Вспомнить как осуществлялся переход с классической библиотеки ga.js на Universal Analytics можно в материале Ивана Иванова «Пошаговое руководство по переходу на Universal Analytics».

Код Universal Analytics выглядит так:

И альтернативный асинхронный код отслеживания выглядит так:

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

Конструкция передачи событий в библиотеке analytics.js:

Электронная торговля:

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

gtag.js

На смену analytics.js в августе 2017 года пришел Global Site Tag. С октября 2017 года он стал доступен для всех рекламодателей. Но это не просто обновление или новая библиотека, а совершенно другой подход к сбору данных. Нововведение предназначено для того, чтобы сделать единый централизованный тег, который отправляет данные во все маркетинговые и аналитические инструменты Google.

До текущей версии от каждого сервиса Google мы добавляли полный фрагмент кода на страницы веб-сайта. Для отслеживания конверсий – свой код, для тега ремаркетинга Google Рекламы – свой код, для инструмента Google Optimize – свой, плагин для включения электронной коммерции – еще фрагмент кода и т.д. Все это отдельные теги продуктов одной компании (Google).

Новый gtag.js упрощает все это. Теперь легко можно совмещать различные теги в одном месте вашего кода, проще подключать в работу разные продукты и отправлять данные сразу в несколько инструментов одновременно. Например, не дублировать полностью два кода Google Analytics, а добавить всего лишь одну строчку:

, где GA_TRACKING_ID_2 — идентификатор отслеживания 2 ресурса.

Теперь всегда при создании нового счетчика Google Analytics код выглядит так:

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

Документация по gtag.js доступна по ссылке на русском языке.

Конструкция передачи событий в gtag.js:

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

Библиотека analytics.js по-прежнему существует, просто в gtag.js она загружается в другом стиле. Если вы в настоящее время используете на странице analytics.js, нет необходимости спешить с переходом на gtag.js.

Как узнать какая библиотека установлена на сайте?

Самый простой способ – это зайти в аккаунт Google Analytics и на уровне ресурса в разделе «Отслеживание – Код отслеживания»

Библиотеки Google Analytics
Отслеживание — Код отслеживания

Однако во всех новых аккаунтах Google Analytics будет отображаться Global Site Tag, поэтому следует использовать другой способ.

Второй способ — это посмотреть какой скрипт/библиотека подгружается в коде.

gtag.js:

analytics.js:

ga.js:

urchin.js:

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

Библиотеки Google Analytics
Сеть (Network)

На моем блоге установлен Global Site Tag, однако кроме gtag подгружается и analytics.js. Так и должно быть. Открыв каждый скрипт по очереди легко в этом убедиться.

Библиотеки Google Analytics
Консоль разработчика

Примечание: на сайте могут одновременно использоваться обе библиотеки: как Universal Analytics (gtag.js и analytics.js), так и классическая (ga.js). Однако несколько экземпляров ga.js могут привести к неправильному сбору и обработке данных, а также к ошибкам в отчетах. При этом на веб-страницы, содержащие один экземпляр ga.js, можно установить один или несколько экземпляров analytics.js.

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

Понравилась статья? Подписывайтесь на социальные сети:

Остались вопросы? Задайте их на Кубик.Ком

Yakov Osipenkov | 15.10.2018
Библиотеки Google Analytics
Оцените этот пост

КонтактыКонтакты

Связаться

Контактная информация

Выпускник МГТУ им. Баумана (2008-2014), ведущий специалист по контекстной рекламе компании ConvertMonster (2016-2017), сертифицированный специалист по Google AdWords и Google Analytics, автор курса Google Adwords 3.0 (2017) и публикаций учебных материалов по продуктам Google на seonews.ru, searchengines.ru, webpromoexperts.com.ua, менеджер по мобильному трафику в компании Kokoc (2017-март 2018)

По вопросам консультаций, сотрудничества и предложений:

Skype

yasha.cmteam

E-mail

ya.osipenkov@icloud.com

Обратная связь

Имя:

E-mail:

Тема письма:

Ваше сообщение:


УслугиУслуги

Чем полезен
E-Commerce

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Responsive Design

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Web Security

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Behold appear first, kind all i saying fowl man itself moved which every open shall moved subdue appear.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  •  Contabile computer 100% responsive design
  •  Contabile laptop 100% responsive design
  •  Contabile tablet 100% responsive design
  •  Contabile smartfon 100% responsive design

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

E-COMMERCE

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

КонтактыКонтакты

Связаться

Контактная информация

Выпускник МГТУ им. Баумана (2008-2014), ведущий специалист по контекстной рекламе компании ConvertMonster (2016-2017), сертифицированный специалист по Google AdWords и Google Analytics, автор курса Google Adwords 3.0 (2017) и публикаций учебных материалов по продуктам Google на seonews.ru, searchengines.ru, webpromoexperts.com.ua, менеджер по мобильному трафику в компании Kokoc (2017-март 2018)

По вопросам консультаций, сотрудничества и предложений:

Skype

yasha.cmteam

E-mail

ya.osipenkov@icloud.com

Обратная связь

Имя:

E-mail:

Тема письма:

Ваше сообщение:


УслугиУслуги

Чем полезен
E-Commerce

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Responsive Design

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Web Security

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Behold appear first, kind all i saying fowl man itself moved which every open shall moved subdue appear.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  •  Contabile computer 100% responsive design
  •  Contabile laptop 100% responsive design
  •  Contabile tablet 100% responsive design
  •  Contabile smartfon 100% responsive design

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

E-COMMERCE

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Creative Ideas

Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Бесплатные уроки по контекстной

рекламе и веб-аналитике!

Решаем задачи

Общаемся

Делимся

Спасибо за подписку!