Расширенное отслеживание контента с помощью Analytics

В Universal Analytics вы можете отследить некоторые показатели взаимодействия с контентом, например: показатель отказов, время проведенное на странице, и, количество просмотренных страниц.

Но иногда, этого недостаточно. Для СМИ и блоггеров нужна более развернутая информация. Например: читают ли люди отзывы или только пост, скроллят ли они страницу?

Было бы отлично отслеживать эти и другие показатели для каждой страницы, особенно, если вы вкладываете в оптимизацию и написание контента средства?!

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

Определяем цели

Составим список основных целей и поговорим об их ценности.

  • Сколько раз человек прокручивает
  • Когда человек начинает прокрутку
  • Когда человек достигает конца статьи (не конца страницы, но конца статьи или области после поста)
  • Когда человек достигает низа страницы
  • Какие посетители сканируют статью, а какие реально читают.

С помощью полученных данных, вы сможете понять, какие статьи интересные, какие читают и приносят наибольшую конверсию. Вы сможете провести А/Б тестирование, добавив или убавив контент на определенной странице.

Концепция отслеживания

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

Самое важное, это определить какую модель данных мы будем использовать для отслеживания событий. Все виды деятельности связанные с контентом, будут сгруппированы в категорию под название Reading.

В этой категории будет 4 основных действия:

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

Начало чтения. Отслеживайте, когда посетитель начинает прокручивать страницу. Этот показатель будет срабатывать, когда посетитель будет прокручивать страницу на 150 px (значение можно изменить). Мы также будем отслеживать, сколько времени проходит после начала чтения.

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

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

Еще одна, критически важная информация, это URL страницы и Title. Нам нужно сегментировать данные, чтобы посмотреть, какие страницы являются наиболее эффективными, а где требуется доработка. UN автоматически отслеживает URL и title поэтому нет необходимость добавлять код в отслеживание События.

Мы также установим пользовательскую переменную чтобы сегментировать пользователей. Например, если посетитель просматривает страницу в течение 60 секунд – мы будем считать, что он просто сканирует, если же более 60 секунд и он добрался до конца страницы – мы отправим его к читателям.

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

Пример отчета:

Код Отслеживания

Вот Java Script код, который измеряет прокрутки.

Совет – вы можете по нажимать вкладки вверху, чтобы посмотреть, как он работает.

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

Помните, для того, чтобы настроить пользовательские показатели и параметры вам необходимо их сначала добавить с помощью настроек администратора Analytics.

Внедрение кода

Шаг 1: Есть несколько изменений кода, которые вы должны сделать для того, чтобы этот код работал на вашем сайте.

  1. Выключите отладки. Этот флажок будет отображать предупреждающее сообщение, и не отправлять данные в UN, когда пользователь прокручивает, достигает конца содержания и достигает нижней части страницы. Если вы не установите на FALSE, ваши пользователи получат все виды предупреждений.
  2. Определите глубину прокрутки. Мы настроили событие на 150 px. Вы можете изменить эти данные, но для начала, лучше оставить пока как есть.
  3. Укажите, где заканчивается ваш контент. Это наиболее важный параметр. Этот сценарий отправляет событие, когда пользователь добирается к нижней части поста. Он  определяется в HTML. Для нас, HTML определяется как .entry-content, как показано в этом коде

Вы должны изменить эту строку кода для идентификации куска HTML на вашем сайте, который означает конец содержания. Это самая сложная часть внедрения.

Шаг 2. Добавьте код перед окончанием сайта. Убедитесь, что он вставлен ПОСЛЕ кода Universal Analytics. Это должно выглядеть примерно так:

<head>
... all sorts of tags ...
<script>
  //
  // Universal Analytics page tag
  //
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-XXXXXX-YY');
  ga('send', 'pageview');
  //
  // Scroll tracking script
  //
  jQuery(function($) {
    // Debug flag
    var debugMode = true;
    // Default time delay before checking location
    var callBackTime = 100;
    // # px before tracking a reader
    var readerLocation = 150;
    // Set some flags for tracking & execution
    var timer = 0;
    var scroller = false;
    var endContent = false;
    var didComplete = false;
... More code here ...
</script>

 

Устанавливайте код, задавайте вопросы, специалисты компании SPECTR.Media будут рады вам ответить.

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.