Пошта на сайті для багатьох сфер є одним із основних джерел лідів (конверсій). Для відстеження конверсій в системах аналітики Яндекса і Google найчастіше використовують подію "клік поштою" коли роблять пошту клікабельною через посилання mailto: , але такий метод не найкращий, тому що більшість відвідувачів воліють саме копіювати пошту, а потім вставляти її в свій робочий поштовий менеджер (The Bat наприклад).
Як зробити копіювання пошти конверсійною цілью в Яндекс метриці та Google Analitics розглянемо нижче.
Умови
- У Вас вже підключено та настроєно Google Analitics для сайту
- У Вас підключено та налаштовано лічильник Яндекс метрики для сайту.
- У Вас вже створено обліковий запис у диспетчері тегів і через нього встановлені лічильники Google Analitics та Яндекс Метрики. Якщо ні, читаємо як це зробити тут . Лічильники можна ставити і не через диспетчер тегів, а самостійно один від одного, але так буде більше зайвого коду на сайті, який негативно впливає на швидкість його завантаження
- Необхідно, щоб пошти у вихідному коді сторінок були прописані як посилання, тобто, якщо адреса електронної пошти mail@site.ru, то у вихідному коді вона повинна мати вигляд:
mail@site.ru
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 Перевірка роботи цілі в Яндекс Метриці
У Яндекс Метриці на жаль немає можливості перевірити працездатність цілей у реальному часі як у Google Аналітікс. Тому дані про цілі з'являються через кілька хвилин.
Для перегляду даних переходимо до Звіти – Стандартні звіти – Конверсії
Ставимо "Сьогодні", "Деталізація по хвилинах"
Нижче шукаємо у списку (якщо у нас багато конверсій) нашу конверсію по "Копіюванню пошти" і чи дивимось у нас конверсії після того, як ми спробували скопіювати пошту з сайту раніше.
Наведений метод дозволяє відслідковувати копіювання пошти як через правий клік миші, так і коли копіюють через CTRL+C
- 332 перегляди
