Читающая девушка

Отслеживание с помощью Google Analytics внимания к материалам сайта и времени прочтения до конца

Недавно на аналитику к нам пришел очень интересный проект. Это контентно-информационный сайт с большим количеством материалов и достаточно большим входящим трафиком. Перед нами были поставлены задачи вычисления вовлеченности аудитории, сегментация пользователей на лояльных и не лояльных, читающих, пролистывающих и не-читающих статьи вообще (около 10 сегментов). Бо́льшая часть задач решается стандартными средствами Google Analytics, но вот как определить читающих, пролистывающих и не-читающих? Но и это реализуемо!

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

Для того, чтобы зафиксировать появление объекта в области видимости, мы использовали библиотеку Waypoints:

https://github.com/imakewebthings/waypoints

Далее дело техники и вот что получилось:

jQuery(function($){
	/* Селектор выбора статьи */
	var articleSelector = '.article-content-wrapper';

	window.readMarkers = {};
	window.readMarkers.start = new Date().getTime();
	var pArr = $(articleSelector + ' p');
	if (pArr.length < 3) return;
	var middleIndex = Math.floor(pArr.length / 2);
	var lastIndex = pArr.length - 1;
	$(pArr[middleIndex]).waypoint(function(direction){track('Middle',this)});
	$(pArr[lastIndex]).waypoint(function(direction){track('End',this)});

	function track(id, obj)
	{
		if (window.readMarkers[id]) return;
		window.readMarkers[id] = true;
		var now = new Date().getTime();
		ga('send', 'event', 'Read', id, document.title);
		ga('send', 'timing', 'Read', id, now - window.readMarkers.start, document.title);
	}
});

Результаты работы

Мы видим, как часто люди дочитывают до конца — все лишь в трети случаев! (Здесь и далее данные сайта ivannikitin.com и только за сегодняшний день.)

Действия по событию Чтение

Время чтения статьи до середины и до конца:

Время маркеров

Мы видим, какие статьи наиболее часто внимательно читаются:

Метки времени прочтения статей

И понятно, мы теперь легко построим сегмент:

Создание сегмента Читающая аудитория

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

Когортный анализ вовлеченности аудитории

Надеюсь, этот трюк вам поможет!

Если есть вопросы — пишите в комментариях.

Понравилось? Жмите кнопку ниже:

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

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