Как отследить копирование E-mail на сайте с помощью Яндекс Тег Менеджер
В этой статье вы узнаете как настроить копирование почты на сайте с помощью ЯТГ и как настроить цель для отслеживания этого действия.
Шаг №1. Создание триггеров на просмотр страницы, копирование и выделение мышкой email
- Войдите в Яндекс Метрику выберите нужный счетчик Метрики и зайдите в него, далее в меню слева нужно выбрать поле Тег менеджер;
- В рабочей области Тег менеджера выберите пункт Триггеры;
- Нажмите Добавить триггер.
Далее будем создавать 3 разных триггера.
Триггер Просмотр страницы:
- Тип триггера - Просмотр страницы;
- Условия активации триггера - Все события;
- Нажимаем сохранить.
Триггер Выделение Email мышкой:
- Тип триггера - Специальное событие;
- Название события - copyText;
- Условия активации триггера - Некоторые события;
- Выбираем условия активации триггера. Event - содержит - copyText;
- Нажимаем сохранить.
Триггер Копирование Email мышкой:
- Тип триггера - Специальное событие;
- Название события - rightClick;
- Условия активации триггера - Некоторые события;
- Выбираем условия активации триггера. Event - содержит - rightClick;
- Нажимаем сохранить.
Шаг №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>
Далее переходим в нижний блок Триггеры и выбираем - Просмотр страницы.
Если все сделали правильно, то по итогу настройка созданного тега будет выглядеть так:
Шаг №3. Создание тега, который отвечает за копирование почты и сбор данных по этой цели
- Нажимаем Добавить тег;
- Шаблон тега выбираем Пользовательский HTML.
Добавляем в пустую область следующий Javascript код:
<script type="text/javascript">
yaCounterXXXXXXXXX.reachGoal('copy_email');
</script>
где XXXXXXXX — номер вашего счетчика, а copy_email — идентификатор отслеживания события (задается произвольно).
В блоке Триггеры добавляем два ранее созданных триггера:
- Копирование Email мышкой;
- Выделение Email мышкой.
Если все сделали правильно, выглядеть это будет примерно так:
Готово. В рабочей области Тег менеджера нажимаем Опубликовать, чтобы отправить все данные на сайт и переходим к настройке цели в Метрике.
Шаг №4. Настройка цели в Метрике
Осталось добавить цель, которая начнет выполняться при копировании или выделении электронного адреса на сайте.
- Переходим в Цели и нажимаем Добавить цель;
- Указываем тип условия JavaScript-событие;
- Идентификатор цели ставим совпадает в качестве идентификатора цели вписываем copy_email;
- Нажимаем Добавить цель.
Должно получится так:
Готово, теперь данные о копировании почты начнут подтягиваться в Яндекс.Метрику.
Подробнее о инструментах продвижения в моем Telegram-канале — Данил | Яндекс Директ & Google Реклама
Портфолио и кейсы — keyskontekst.tilda.ws