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

В этой статье вы узнаете как настроить копирование почты на сайте с помощью ЯТГ и как настроить цель для отслеживания этого действия.

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

Шаг №1. Создание триггеров на просмотр страницы, копирование и выделение мышкой email

  • Войдите в Яндекс Метрику выберите нужный счетчик Метрики и зайдите в него, далее в меню слева нужно выбрать поле Тег менеджер;
  • В рабочей области Тег менеджера выберите пункт Триггеры;
  • Нажмите Добавить триггер.

Далее будем создавать 3 разных триггера.

Триггер Просмотр страницы:

  1. Тип триггера - Просмотр страницы;
  2. Условия активации триггера - Все события;
  3. Нажимаем сохранить.
Триггер Просмотр страницы
Триггер Просмотр страницы

Триггер Выделение Email мышкой:

  1. Тип триггера - Специальное событие;
  2. Название события - copyText;
  3. Условия активации триггера - Некоторые события;
  4. Выбираем условия активации триггера. Event - содержит - copyText;
  5. Нажимаем сохранить.
Триггер Выделение мышкой
Триггер Выделение мышкой

Триггер Копирование Email мышкой:

  1. Тип триггера - Специальное событие;
  2. Название события - rightClick;
  3. Условия активации триггера - Некоторые события;
  4. Выбираем условия активации триггера. Event - содержит - rightClick;
  5. Нажимаем сохранить.
Триггер Копирование Email мышкой
Триггер Копирование Email мышкой

Шаг №2. Создание пользовательского HTML тега

  • В рабочей области Тег менеджера выберите пункт Теги и нажимаем Добавить тег;
  • Шаблон тега выбираем Пользовательский HTML.

Добавляем в пустую область следующий Javascript код:

<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>

Далее переходим в нижний блок Триггеры и выбираем - Просмотр страницы.

Если все сделали правильно, то по итогу настройка созданного тега будет выглядеть так:

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

Шаг №3. Создание тега, который отвечает за копирование почты и сбор данных по этой цели

  • Нажимаем Добавить тег;
  • Шаблон тега выбираем Пользовательский HTML.

Добавляем в пустую область следующий Javascript код:

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

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

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

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

Если все сделали правильно, выглядеть это будет примерно так:

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

Готово. В рабочей области Тег менеджера нажимаем Опубликовать, чтобы отправить все данные на сайт и переходим к настройке цели в Метрике.

Шаг №4. Настройка цели в Метрике

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

  1. Переходим в Цели и нажимаем Добавить цель;
  2. Указываем тип условия JavaScript-событие;
  3. Идентификатор цели ставим совпадает в качестве идентификатора цели вписываем copy_email;
  4. Нажимаем Добавить цель.

Должно получится так:

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

Готово, теперь данные о копировании почты начнут подтягиваться в Яндекс.Метрику.

Подробнее о инструментах продвижения в моем Telegram-канале — Данил | Яндекс Директ & Google Реклама

Портфолио и кейсы — keyskontekst.tilda.ws

1
Начать дискуссию