Сейчас в сети: 673
Сейчас в сети: 673
Учитесь работать в Google Analytics вместе с нами!
star_border

Отслеживаем, что копируют на нашем сайте! Google Analytics + GTM

Сегодня я хочу поделиться с вами своим новым скриптом, с помощью которого можно отслеживать событие копирования текста на вашем сайте, а также определить, какая именно информация была скопирована. С помощью такой настройки вы добавите еще один метод к набору инструментов для анализа контентных (и не только) ресурсов. Данную настройку достаточно просто выполнить, на реализацию не понадобится много времени. Кроме того, основное удобство в том, что не нужно привлекать никакие дополнительные инструменты, отслеживаемые данные будут доступны в привычном интерфейсе Google Analytics.

 

Описание скрипта

 

Опишу принцип работы скрипта.

 

С помощью метода addEventListener() регистрируем обработчик события копирования. В теле самого обработчика определяем выделенный в данный момент текст на странице и сохраняем его в переменную selected_text, удалив для читабельности переносы строк. Далее я осуществляю обработку выделенного фрагмента: если в тексте более 50 символов, берем лишь первые и последние 20 символов с помощью функции substring; в противном случае оставляем текст неизменным. В массив dataLayer передаем значение переменной selected_text и событие copy.

 

Код

  

 

Настройки в Google Tag Manager

 

1. Создаем новый тег в GTM типа “Пользовательский тег HTML” и копируем в текстовое поле приведенный выше код.

 

пользовательский тег

 

2. Создаем триггер типа “Просмотр страницы – Модель DOM готова”. Он будет выступать правилом активации для пользовательского тега.

 

создаем триггер

 

3. Создадим пользовательскую переменную типа “переменная уровня данных” с именем “selected_text”.

 

пользовательская переменная

 

Значение этой переменной мы сможем передавать в Google Analytics, например, при отправке события копирования.

 

4. Добавим новый тег “Universal Analytics”. В параметрах события указываем переменную “selected_text”.Мне удобно анализировать такие данные в разрезе страниц, поэтому в атрибуте “Категория” я добавляю “Page Path”. Для того, чтобы легко отфильтровать данные только по событиям копирования, в начало параметров “Категория” и “Действия” я добавила “copy – ”. Вы же можете передавать те данные, которые удобно вам.

 

Universal Analytics

 

Обращаю ваше внимание на опцию “Не взаимодействие”. Если вы хотите, чтобы отправка события влияла на ваш показатель отказов, то необходимо установить значение “false” для этого параметра. В противном случае – устанавливайте значение “true”.

 

5. В качестве условия активации этого тега добавляем новый триггер типа “Пользовательское событие”. В поле “Имя события” прописываем событие “copy”.

имя события

 

Для того, чтобы убедиться в корректности наших настроек, воспользуемся отладчиком GTM.

 

отладчик GTM

 

 

Для случая, когда копируемый текст более 50 символов, также все передается корректно.

 

ctrlc_gtm7

 

Данные в отчетах Google Analytics

 

Включив в отчет по событиям данные, содержащие “copy -”, можно отфильтровать только события копирования. А выбрав в качестве дополнительного параметра категорию события, легко установить соответствие между скопированным текстом и конкретной страницей, с которой он был взят.

 

данные в отчетах Google Analytics

 

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

Анастасия Тимошенко

Меня зовут Анастасия. Занимаюсь интернет-рекламой и веб-аналитикой в компании OdesSeo. Сертифицированный специалист по Google AdWords и Google Analytics. Всегда рада поделиться опытом и узнать что-то новое=)

Комментарии
Сева М
октября 2016 - последнее изменение октября 2016

спасибо за статью!

a_timo_ Ведущий участник
октября 2016

Спасибо! Рада, что Вам понравилось=)

Виталий К
ноября 2016

Анастасия, спасибо. Замечательная статья. И решение может быть полезным для контентных проектов. Хотя и не только для контентных...

a_timo_ Ведущий участник
ноября 2016

@Виталий К, спасибо! Очень рада, что материал полезен=)

Dmitriy Novikov
декабря 2016

Годная статья

a_timo_ Ведущий участник
декабря 2016

@Dmitriy Novikov, спасибо!

Дмитрий И
февраля 2017

Анастасия, благодарю за столь полезную информацию! Подскажите пожалуйста, где мне можно посомтреть то, как сделать последнее действие из этой статьи :"Включив в отчет по событиям данные, содержащие “copy -”,  ". Вижу работу события в режиме отладчика в гтм, но пока не освоился в том, как завершить отслеживание этого события в ГА.

a_timo_ Ведущий участник
февраля 2017

@Дмитрий И, спасибо!

 

Вам нужно перейти в отчет по событиям в Google Analytics - Поведение-События-Лучшие события и там с помощью расширенного фильтра можно отфильтровать только события копирования (удобно, если у Вас передаются какие-то еще события, например, какие-нибудь отправки форм, клики по кнопкам и т.п.). 

 

Screenshot_5.png

 

Тогда сможете получить отчет, как у меня на скриншоте.

 

Screenshot_4.png

Дмитрий И
февраля 2017

Анастасия, благодарю за сей подробный ответ. Всё получилось!

Вернее, почти всё. Где -то допустил ошибку и у меня не показываются сами скопированные строки. Я так понимаю в настройке тега UA  в гтм?

Безымянныйывывыв.png

a_timo_ Ведущий участник
февраля 2017

@Дмитрий И, не видя настроек мне сложно сказать, в чем проблема. Покажите, пожалуйста, сайт и дайте ссылку на предварительный просмотр GTM.

Дмитрий И
февраля 2017
a_timo_ Ведущий участник
февраля 2017

@Дмитрий И, сейчас у Вас тег "Universal Analytics - отслеживание копирования" активируется просто при загрузке страницы http://prntscr.com/eazrxc

А нужно по событию http://prntscr.com/eazrhi

Дмитрий И
февраля 2017

Благодарю вас, Анастасия!

Всё получилось!

a_timo_ Ведущий участник
февраля 2017

@Дмитрий И, пожалуйста! Я очень рада=)

Станислав К
марта 2017

А зачем добалять path в параметры события?
И так можно посмотреть path той страницы, где событие выполнено

Зачем захламлять категорию?

Павел А
‎16-07-2018 12:11 PM

Добрый день, Анастасия. А как настроить отслеживание копирования только нужного текста? Конкретно нужно отследить копирование номера телефона. Заранее спасибо!

a_timo_ Ведущий участник
‎17-07-2018 10:24 AM

@Павел А, добрый день. 

В триггере copy нужно указать дополнительное условие. Выбрать переменную selected_text в выпадающем списке, тип соответствия и значение, которое должен скопировать пользователь, чтобы тег сработал. http://prntscr.com/k7dfgo