Сегодня я покажу, как отследить цель клик по email и копирование email через Google Tag Manager для актуальной версии Google Analytics.
Как создать тег копирования email в Google Tag Manager
На первом шаге вам необходимо зайти в раздел Tags в Google Tag Manager и выбрать создание нового тега.
В открывшемся окне выберите Custom HTML
Придумайте название тегу, вставьте код скрипта (приведён ниже) и в качестве триггера выберите Initialization — All pages. После этого нажмите на кнопку «Сохранить».
Код для копирования:
<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>Создание триггера копирования email в Google Tag Manager
Перейдите в раздел Triggers в Google Tag Manager и нажмите на кнопку создать новый триггер
Теперь нам нужно создать два триггера. Первый — клик по ссылке, второй — копирование email.
Создание триггера — Клик по ссылке
В качестве типа триггера выбираем — Custom Event. В качестве названия события вводим — rightClick. В качестве условий активации триггера выбираем Some Custom Events и прописываем условие как на скриншоте ниже (Event — contains — rightClick). Далее сохраняем.
Создание триггера — Копирование email
В качестве типа триггера выбираем — Custom Event. В качестве названия события вводим — copyText. В качестве условий активации триггера выбираем Some Custom Events и прописываем условие как на скриншоте ниже (Event — contains — copyText). Сохраняем.
Создание тега для отправки данных в Google Analytics
Теперь создадим тег в Google Tag Manager для отправки данных в Google Analytics. Переходим в раздел Tags и жмём на кнопку создать новый. Придумываем название тега. В качестве типа тега выбираем Google Analytics. В качестве Measurement ID указываем идентификатор Google Analytics. Его можно посмотреть в интерфейсе Google Analytics (Admin — Data stream — Web).
В качестве названия события вводим CopyEmail. В качестве триггеров выбираем оба триггера которые мы создали ранее. В случае если вы ранее не создавали Tag Google, после введения Measurement ID вместо надписи «Google tag found in this container» будет надпись «No Google tag found in this container». В этом случае вам необходимо нажать на кнопку «Create tag» и сохранить. Если всё сделано правильно рядом с Measurement ID будет зелёный индикатор. Нажимаем на кнопку «Save».
Теперь осталось опубликовать всё что мы создали нажав на кнопку Submit в верхнем правом углу Google Tag Manager.
Поздравляю, мы создали тег копирования email в Google Tag Manager. Теперь создадим тег для простого отслеживания кликов по email так же используя Google Tag Manager.
Как создать тег клик по email в Google Tag Manager
Давайте создадим новый тег клик по email в Google Tag Manager. Для этого переходим в раздел Tags и жмём на кнопку «New» для создания нового тега. В качестве конфигурации тега выберем Google Analytics. Заполняем поле Measurement ID и придумываем название нашего события.
Теперь необходимо создать новый триггер (снова!)
В разделе «Choose a trigger» вам необходимо нажать на плюс. Придумываем название нового триггера. В качестве типа триггера выбираем Clicl — Just Links. В качестве условия активации триггера выбираем Some Link Clicks и прописываем условие Click URL — contains — mailto. Сохраняем новый триггер.
В итоге всё должно выглядеть так
Сохраняем триггер и тег и публикуем изменения в Google Tag Manager через кнопку Submit в верхнем правом углу.
Как добавить созданные события в Google Analytics
Теперь давайте пробросим созданные нами события в Google Analytics. Для этого переходим в Google Analytics, нажимаем на Admin — Key events — New key event.
Вводим название нашего события которое мы задавали ранее в Google Tag Manager и нажимаем на кнопку сохранить.
Данное действие повторяем для всех событий которые мы создавали в Google Tag Manager.
Проверка достижения событий в Google Analytics
Теперь давайте проверим созданные нами события в Google Analytics. Для этого заходим в раздел Reports — Realtime в Google Analytics. Выполняем цели на сайте и через 15-30 секунд смотрим на отчёт. Если события отобразились, то мы всё сделали правильно.
Теперь созданные события при необходимости можно передать из Google Analytics в Google Ads.
