Отслеживание цели "копирование Email" в Google Analitics и Яндекс Метрике

Почта на сайте для многих сфер является одним из основных источников лидов (конверсий). Для отслеживания конверсий в системах аналитики Яндекса и Гугл чаще всего используют событие "клик по почте" когда делают почту кликабельной через ссылку mailto: , но такой метод не самый лучший, так как большая часть посетителей предпочитают именно копировать почту, и затем вставлять ее в свой рабочий почтовый менеджер (The Bat например).

Как сделать копирование почты конверсионной целью в Яндекс метрике и Google Analitics рассмотрим ниже.

Условия

У Вас уже подключен и настроен Google Analitics для сайта
У Вас подключен и настроен счетчик Яндекс метрики для сайта.
У Вас уже создан аккаунт в диспетчере тегов и через него установлены счетчики Google Analitics и Яндекс Метрики. Если нет, читаем как это сделать здесь. Счетчики можно ставить и не через диспетчер тэгов, а самостоятельно друг от друга, но так будет больше лишнего кода на сайте который негативно влияет на скорость его загрузки
Необходимо, чтобы почты в исходном коде страниц были прописаны как ссылки, то есть, если адрес электронной почты mail@site.ru, то в исходном коде она должна иметь вид:
```
<a href="mailto:mail@site.ru">mail@site.ru</a>
```

1. Добавление целей

1.1 Добавление цели в Яндекс Метрике

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

Жмем "Добавить цель"

1.2 Добавление цели в Google Аналитике

Переходим в раздел Администратор и в колонке Представление (справа) выбираем пункт Цели

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

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

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

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

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

Сохранить

Все, наши цели настроены. Переходим в Тэг менеджер.

2. Настройка Google Tag Manager

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

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

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

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

Наимаем "Сохранить"

2.2. Тэг Copy Email

Переходим в "Теги" и создаём тег типа Пользовательский HTML и называем его 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 (Все страницы)

Сохраняем

2.3. Триггер передачи события копирования электронной почты Copy Email

Снова переходим в Триггеры и создаём триггер с названием Copy Email.

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

Далее вводим следующие параметры:

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

Сохранить

2.4. Тег для передачи события в Google Аналитику Copy Email – GA

Возвращаемся в Теги. Создаём тег с названием Copy Email – GA

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

Тип отслеживания: Событие
Категория: Copy
Действие: Copy Email
Ярлык: {{Page Path}}
Настройки Google Analytics: {{Google Analytics}} (параметр будет доступен после подключения Google Analitics к менеджеру тегов. Как это делать написано здесь)
Триггеры - выбираем ранее созданный триггер Copy Email

Сохраняем

2.5. Тег для Яндекс Метрики Copy Email – YM

Переходим в Теги и создаём тег с названием Copy Email – YM

Тип тега -> Пользовательский HTML внутрь которого вставляем скрипт идентификатора цели в Яндекс Метрике

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

XXXXXX стоит заменить на номер вашего счетчика Яндекс метрики

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

Сохраняем

Теперь чтобы все заработало жмем кнопку "Отправить"

Вписываем произвольное, понятное для нас название версии внесенных изменений

Опубликовать

Теперь нам остается проверить, что все настроено верно и передается в отчеты.

3. Проверка работы цели

Ahtung! Если при проверке цели событие не срабатывает, отключите Adblock и другие блокировщики рекламного кода. ХЗ по какой причине, но часто они блокирует исполнение кода.

3.1 Проверка работы цели в Google Analitics

Переходим в Отчеты -> Отчет в реальном времени -> Конверсии. Заходим на сайт, и копируем почту. Возвращаемся в отчеты Аналитики и смотрим, конверсия должна сработать.

3.2 Проверка работы цели в Яндекс Метрике

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

Для просмотра данных переходим в Отчёты – Стандартные отчёты – Конверсии

Ставим "Сегодня", "Детализайия по минутам"

Ниже ищем в списке (если у нас много конверсий) нашу конверсию по "Копированию почты" и смотрим были ли у нас конверсии после того, как мы попробовали скопировать почту с сайта ранее.