Как отслеживать копирование E-mail с помощью Google Tag Manager для Яндекс.Метрики

Коллеги, в прошлой статье я рассказал как отслеживать копирование E-mail на сайте с помощью несложного скрипта и небольшого изменения HTML тегов.

Как отслеживать копирование E-mail или номера телефона с помощью Яндекс.Метрики

Предыдущий способ я считаю самым простым и понятным.

Однако, передавать данные в Яндекс.Метрику можно и другим способом. Если вы используете в своей работе Google Tag Manger, то настроить передачу статистики в Метрику можно через специальные теги.

Важно! Перед тем как начинать настройку отслеживания, убедитесь, что на сайте установлен Google Tag Manager и Яндекс.Метрика.

Давайте разберем этот способ.

  • Войдите в Google Tag Manager и выберите рабочий аккаунт для начала работы.
  • Далее открываем Рабочую область и переходим в раздел Теги.
  • Нажимаем большую красную кнопку Создать и переходим в Конфигурацию тега.

Выбираем из предложенного списка Пользовательский HTML и добавляем следующий код.

<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': 'copyText', 
            'copy-class' : evt.target.className
            });
        });
        c[i].addEventListener('contextmenu', function(evt) {
            dataLayer.push({
            'event': 'rightClick', 
            'copy-class' : evt.target.className
            });
        });
    }
}
</script>

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

Называем новый Тег понятным для себя именем и переходим в нижний блок Триггеры. Выбираем доступный триггер All Pages и нажимаем на кнопку Сохранить.

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

Код отслеживания копирования адреса в теге

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

Переходим в текущей рабочей области в раздел Триггеры и создаем новый.

Указываем название для триггера, например «Копирование Email мышкой». Тип триггера — Пользовательское событие. Имя события — rightClick и указываем Некоторые специальные события и добавляем условие Event — содержит — rightClick, далее сохраняем изменения.

Триггер на копирование Email

После всех указанных действий требуется создать еще один триггер. Называем его «Выделение Email мышкой», но вместо rightClick используем copyText.

Триггер копирования текста

Теперь нам необходимо создать Пользовательский тег для добавления тега Яндекс.Метрики. Переходим в раздел Теги и в новый тег добавляем следующий код:

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

где XXXXXXXX — номер счетчика, а copy_email — идентификатор отслеживания события (задается произвольно).

В блоке Триггеры добавляем два ранее созданных нами триггера:

  1. Выделение Email мышкой;
  2. Копирование Email мышкой.

Получится примерно следующее:

Тег на копирование электронной почты

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

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

Переходим в Настройки Яндекс.Метрики и выбираем вкладку Цели.

Создаем JavaScript-событие, указываем любое название, а в поле с идентификатором указываем copy_email.

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

Возвращаемся в Google Tag Manager. В правом верхнем углу нажимаем синюю кнопку Отправить. Далее нажимаем Опубликовать, описание версии контейнера можно пропустить — «Далее». Готово!

В результате в отчетах Яндекс.Метрики будет собираться нужна для нас статистика по конверсиям. На выходе вы будите получать примерно такой отчет:

Отчет по конверсиям в Яндекс.Метрика

Остались вопрос?

Вы можете писать ваши вопросы в комментариях или писать прямо на электронную почту info@konstantinbulgakov.com. По мере наличия свободного времени, буду стараться отвечать на запросы.




Константин Булгаков
Константин Булгаков
Расскажите о ваших задачах, а я найду для вас решения.
Напишите на почту или скачайте презентацию.

Без согласования с автором, копирование материала разрешается, только при наличии ссылки на источник. Нашли ошибку в тексте? Напишите на mail@konstantinbulgakov.com.

Отправить ответ

avatar
  Подписаться  
Уведомлять о