Просмотры страниц

Отслеживание просмотров страниц позволяет узнавать, сколько просмотров получают определенные страницы вашего сайта. Как правило, каждая страница сайта представляет собой отдельный документ HTML, но страницей можно считать и динамически загружаемый контент. В этом случае учитываются события "действие на странице".

В этом руководстве рассказывается, как реализовать отслеживание просмотров страниц с помощью библиотеки analytics.js.

Обзор

Тег JavaScript содержит команду, создающую объект отслеживания, и команду для отправки данных о просмотре страницы в Google Аналитику. При создании объекта отслеживания задаются значения нескольких полей (в зависимости от контекста). Полю title задается значение свойства document.title, а полю location – значение свойства document.location без якоря URL.

Когда выполняется команда send, значения полей title и location, содержащиеся в объекте отслеживания, передаются в Google Аналитику. Они используются для создания отчетов, показывающих, какие страницы посещали пользователи.

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

Внедрение и настройка

Обращения типа "просмотр страницы" можно отправлять с помощью команды send, указывая для параметра hitType значение pageview. Команда send с типом обращения pageview имеет следующую сигнатуру:

ga('send', 'pageview', [page], [fieldsObject]);

Поля с информацией об обращении pageview

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

Название поля Тип значения Обязательно? Описание
title text Нет Заголовок страницы. Пример: homepage (главная страница).
location text Нет* URL страницы.
page text Нет* Часть URL, в которой содержится путь. Это значение должно начинаться с символа косой черты (/).

*Поля page и location являются необязательными, но должно быть указано хотя бы одно из них. Иначе обращение будет недействительным.

Примеры:

Приведенная ниже команда отправляет обращение типа pageview в Google Аналитику и содержит путь к текущей странице.

ga('send', 'pageview', location.pathname);

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

ga('send', {
  hitType: 'pageview',
  page: location.pathname
});

Изменение URL страниц

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

  • /user/USER_ID/profile
  • /user/USER_ID/account
  • /user/USER_ID/notifications

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

Для решения этой проблемы вы можете указать значение page, удалив идентификатор пользователя:

// Checks to see if the current user's userID is
// found in the URL, if it is, remove it.
// (Note, this assume the user ID is stored
// in a variable called `userID`)

if (document.location.pathname.indexOf('user/' + userID) > -1) {
  var page = document.location.pathname.replace('user/' + userID, 'user');
  ga('send', 'pageview', page);
}

Таким образом, будут отправлены следующие значения поля page для всех пользователей:

  • /user/profile
  • /user/account
  • /user/notifications

Если текущая страница отправляет другие обращения (например, события), необходимо обеспечить правильность URL в каждом из них. Это означает, что следует обновлять поле page в объекте отслеживания, а не передавать его в команде send.

Если оно будет задано в объекте отслеживания, то новое значение поля page будет использоваться во всех последующих обращениях:

if (document.location.pathname.indexOf('user/' + userID) > -1) {
  var page = document.location.pathname.replace('user/' + userID, 'user');

  // Sets the page value on the tracker.
  ga('set', 'page', page);

  // Sending the pageview no longer requires passing the page
  // value since it's now stored on the tracker object.
  ga('send', 'pageview');
}

Отслеживание действий на странице

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

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