Настройка отслеживания копирования электронной почты и номера телефона с сайта с помощью GTM

 

Нередко в сети можно наткнуться на сайты, где отсутствует форма обратной связи, а есть всего лишь адрес, электронная почта и номер телефона. Да и сами пользователи очень часто не пользуются такими формами, а пишут письма из почтового клиента, предварительно скопировав адрес электронной почты или номер телефона, чтобы написать письмо или позвонить “потом”, или сделать табличку в Экселе с контактными данными.

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

В данной статье речь пойдёт о там, как можно отслеживать копирование адреса электронной почты и номера телефона с сайта.

Если GTM ещё не подключён, читаем как это делается. После подключения приступаем к настройке.

Необходимые условия

Необходимо, чтобы отслеживаемые элементы (электронная почта или номер телефона) в исходном коде страниц были прописаны как ссылки, то есть, если адрес электронной почты some@domainname.ru, то в исходном коде она должна иметь вид:

<a href="mailto:some@domainname.ru">some@domainname.ru</a>

а ссылка с номером телефона +7 495 1232425 должна выглядеть так:

<a href="tel:+74951232425">+7 495 1232425</a>

Создание триггера на клик правой кнопкой мыши

В Google Tag Manager переходим в раздел Триггеры, создаём триггер и называем его Right Click

Выбираем тип Пользовательское событие, зададим следующие параметры:

  • Имя события: rightClick
  • Условия активации триггера: Некоторые специальные события
  • Активировать триггер при наступлении события и выполнения условий:
EventсодержитrightClick

Сохраняем

Настройка отслеживания копирования электронной почты

Создаём тег типа Пользовательский HTML для передачи события копирования электронной почты в GTM и называем его Copy Email

вставляем скрипт

<script>
var c = document.getElementsByTagName("a");
for(var i = 0; i < c.length; i++) {
    if((typeof(c[i]) !== undefined) && (c[i].href.indexOf('mailto') !== -1)) {
        c[i].addEventListener('copy', function(evt) {
            dataLayer.push({
            'event': 'copy_email', 
            'copy-class' : evt.target.className
            });
        });
        c[i].addEventListener('contextmenu', function(evt) {
            dataLayer.push({
            'event': 'rightClick', 
            'copy-class' : evt.target.className
            });
        });
    }
}
</script>

и привязываем к нему триггер All Pages (Все страницы)

Сохраняем

Затем переходим в Триггеры и создаём триггер для передачи события копирования электронной почты и назовём его Copy Email

Выбираем тип Пользовательское событие, зададим следующие параметры

Имя события: copy_email
Условия активации триггера: Некоторые специальные события
Активировать триггер при наступлении события и выполнения условий:

Eventсодержитcopy_email

Сохраняем

Далее возвращаемся в Теги. Создаём тег для передачи события в Google Аналитику и называем его Copy Email – GA

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

Тип отслеживания: Событие
Категория: Copy
Действие: Copy Email
Ярлык: {{Page Path}}
Настройки Google Analytics: {{Google Analytics}}

и привязываем к нему триггер Copy Email

Сохраняем

После этого создаём тег для передачи цели в Яндекс Метрику и называем его Copy Email – YM

Выбираем тип Пользовательский HTML и вставляем скрипт

<script type="text/javascript">
yaCounterXXXXXXXX.reachGoal('copy_email');
</script>

и привязываем к нему триггер Copy Email

XXXXXXXX – это id счётчика Метрики

Сохраняем

Настройка отслеживания копирования номера телефона

Создаём тег типа Пользовательский HTML для передачи события копирования номера телефона в GTM и называем его Copy Phone

вставляем скрипт

<script>
var c = document.getElementsByTagName("a");
for(var i = 0; i < c.length; i++) {
    if((typeof(c[i]) !== undefined) && (c[i].href.indexOf('tel') !== -1)) {
        c[i].addEventListener('copy', function(evt) {
            dataLayer.push({
            'event': 'copy_phone', 
            'copy-class' : evt.target.className
            });
        });
        c[i].addEventListener('contextmenu', function(evt) {
            dataLayer.push({
            'event': 'rightClick', 
            'copy-class' : evt.target.className
            });
        });
    }
}
</script>

и привязываем к нему триггер All Pages (Все страницы)

Сохраняем

Затем переходим в Триггеры и создаём триггер для передачи события копирования номера телефона и назовём его Copy Phone

 

Выбираем тип Пользовательское событие, зададим следующие параметры

Имя события: copy_phone
Условия активации триггера: Некоторые специальные события
Активировать триггер при наступлении события и выполнения условий:

Eventсодержитcopy_phone

Сохраняем

Далее возвращаемся в Теги. Создаём тег для передачи события в Google Аналитику и называем его Copy Phone – GA

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

Тип отслеживания: Событие
Категория: Copy
Действие: Copy Phone
Ярлык: {{Page Path}}
Настройки Google Analytics: {{Google Analytics}}

и привязываем к нему триггер Copy Phone

Сохраняем

После этого создаём тег для передачи цели в Яндекс Метрику и называем его Copy Phone – YM

Выбираем тип Пользовательский HTML и вставляем скрипт

<script type="text/javascript">
yaCounterXXXXXXXX.reachGoal('copy_phone');
</script>

и привязываем к нему триггер Copy Phone

XXXXXXXX – это id счётчика Метрики

Сохраняем

Настройка целей в Яндекс Метрике

В Яндекс Метрике переходим в раздел Настройки во вкладку Цели. Нажимаем кнопку Добавить цель. Называем цель, например Скопировали электронную почту, выбираем тип условия JavaScript-событие и в идентификаторе цели прописываем copy_email

Аналогичным образом создаётся цель и для отслеживания копирования номера телефона

Далее нажимаем кнопку Добавить цель и наша цель появится в списке

Отчёты в Google Analytics и Яндекс Метрике

В Google Аналитике в Отчётах переходим в раздел Поведение – События – Обзор и в таблице в графе Категория событий видим Copy

Переходим в Copy, выбираем Основной параметр – Действие по событию, и видим отчёт по созданным событиям

В Яндекс Метрике переходим в Отчёты – Стандартные отчёты – Конверсии и видим там отчёты по созданным целям

Настройка целей в Google Аналитике

Если есть необходимость, можно также настроить цели в Google Analytics. Для этого переходим в раздел Администратор и в колонке Представление (справа) выбираем пункт Цели

Добавляем цель и выбираем для неё тип – Собственная

Нажимаем Далее

для отслеживания копирования электронной почты

В описании цели задаём название, например Скопировали электронную почту и выбираем тип Событие

Нажимаем Далее

В Подробных сведениях о цели задаём категорию Copy и действие Copy Email

и нажимаем кнопку Сохранить

для отслеживания копирования номера телефона

В описании цели задаём название, например Скопировали номер телефона и выбираем тип Событие

Нажимаем Далее

В Подробных сведениях о цели задаём категорию Copy и действие Copy Phone

и нажимаем кнопку Сохранить

После этого созданные цели появятся в списке.

Через некоторое время заходим в Отчёты – Конверсии – Цели – Обзор выбираем цель и видим данные по созданным целям.

Источник: скрипт и некоторые настройки триггеров были взяты отсюда: http://konstantinbulgakov.com/post/4577

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

 

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