Настройка отслеживания копирования контента в Google Аналитике с помощью GTM

 

Нередко у владельцев сайтов возникает необходимость (а может и любопытство) выяснить, насколько полезен посетителю размещённый на сайте контент и пользуется ли он им после того, как покинул сайт. На этом сайте уже был описаны два способа решения этой задачи: отслеживание перехода на версию для печати и копирования телефона и электронной почты.

В данной статье рассмотрим решение, которое позволит отследить, что именно и откуда копировал посетитель сайта.

Внимание! В данной статье был использован скрипт, написанный Анастасией Тимошенко из агентства интернет-маркетинга OdesSeo, за что ей большой респект! Ссылка на статью: https://odesseo.com.ua/otslezhivaem-chto-kopiruyut-na-nashem-sayte-google-analytics-gtm/

Не забываем о том, что GTM должен быть уже подключён к сайту и приступаем к настройке.

В ГТМ в Тегах создадим тег, назовём его Copy – Event – Custom HTML и выберем тип Пользовательский HTML.

Впишем туда скрипт***:

<script>
document.addEventListener('copy', function (e) {
	selected_text = window.getSelection().toString().replace("\n", ' ');
	l = selected_text.length;
	if (l > 50) {
		selected_text = selected_text.substring(0, 20) + ' ... ' + selected_text.substring(l-20, l);
	}
	dataLayer.push({'selected_text':selected_text,'event':'copy'});
});
</script>

и привяжем к нему триггер DOM Ready – Модель DOM готова

Условие активации триггера – Все события “Модель DOM готова”

Затем переходим в Переменные и создадим там Пользовательскую переменную, назовём её Copy – Selected Text, выберем тип Переменная уровня данных.

В поле Имя переменной уровня данных впишем selected_text, а версию уровня данных – 2.

После этого создадим переменную Article Title, с помощью которой вытянем название поста (статьи). Для этого выберем тип Элемент DOM, зададим метод выбора Селектор CSS и в селекторе элементов пропишем:

div > header > h1

у каждого сайта он может отличаться в зависимости от шаблона

После этого переходим в Триггеры и создадим там триггер с названием Copy – Custom Event, выберем тип Пользовательское событие

 

В поле Имя события впишем copy

Условия активации: Некоторые специальные события

Article Titleне равноnull

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

Далее переходим в Теги и создадим тег Copy – GA

Выберем тип тега – Google Аналитика – Universal Analytics и зададим ему следующие параметры:

  • Тип отслеживания: Событие
  • Категория: Copy
  • Действие: Copied Content – {{Article Title}}
  • Ярлык: Copied Text — {{Copy – Selected Text}}
  • Не взаимодействие: True
  • Настройки Google Analytics: {{Google Analytics}}

и привяжем к нему триггер: Copy – Custom Event

Сохраняем и публикуем

После этого Google Analytics начнёт собирать данные в Событиях.

Чтобы посмотреть отчёт, в интерфейсе Google Аналитики переходим в Отчёты – Поведение – События – Лучшие события. В Категории события выбираем Copy, задаём Основной параметр – Ярлык события, а в качестве Дополнительного параметра в секции Поведение выбираем Название страницы.

Наш отчёт теперь будет выглядеть следующим образом:

Теперь у нас всё готово! 🙂

Используемый материал: https://odesseo.com.ua/otslezhivaem-chto-kopiruyut-na-nashem-sayte-google-analytics-gtm/

*** – скрипт Анастасии Тимошенко из агентства интернет-маркетинга OdesSeo.

Поделиться ссылкой:

 

Читайте также