Гайд із динамічної підміни номера телефону на сайті
Динамічна підміна номера телефону на сайті може допомогти вам визначити, яке з джерел трафіку приносить вам більше дзвінків або, наприклад, надавати індивідуальну інформацію різним сегментам користувачів.
Уявімо ситуацію. Ми маємо два джерела трафіку Google Ads та Facebook, але нам потрібно з’ясувати, звідки ми можемо отримувати більше дзвінків без використання call-tracking. Нам достатньо буде завести 3 номери телефону. Перший — для переходу з реклами Google, другий — для переходу з реклами Facebook, третій — для решти переходів.
Пропонуємо розглянути, як можна підмінити номери на landing або на сайті-односторіннику. Допоможе нам у цьому Google Tag Manager.
Нам потрібно створити 2 додаткові змінні, які зберігатимуть дані про джерело та канал переходу користувачів. Зверніть увагу на важливий момент: кожна рекламна кампанія має мати мітку UTM.
Переходимо до GTM для створення змінних.
- URL - utm_source — свідчить про джерело переходу.
- URL - utm_medium — інформація про канал.
Тепер нам необхідний користувальницький HTML тег, який власне є підміною номера. Створюємо тег:
Як тригер вибираємо всі сторінки, далі зберігаєте та публікуєте зміни. Вітаємо, ми підмінили номери для різних рекламних каналів.
Код, який потрібно додати в тег, попередньо адаптуємо до нашого ресурсу:
<script>
if ( {{URL - utm_source}} === "google" && {{URL - utm_medium}} === "cpc" ) {
jQuery('your_phone_selector').replaceWith('<a class="your_phone_class">+38 (099) 000 00 00</a>');
} else if ({{URL - utm_source}} === "facebook" && {{URL - utm_medium}} === "cpc" ) {
jQuery('your_phone_selector').replaceWith('<a class="your_phone_class">+38 (099) 111 11 11</a>');
}
</script>
Тепер докладніше розберемо, що потрібно підставляти:
- Змінюємо your_phone_selector на CSS селектор вашого номера на сайті.
- Міняємо your_phone_class на клас, який потрібен для зображення вашого телефонного номера.
- +38 (099) 000 00 00 і +38 (099) 111 11 11 — міняємо на ваші номери телефонів.
Пропонований спосіб нам підходить тільки у випадку, якщо в нас є односторінковий сайт або лендінг пейдж. На багатосторінкових сайтах такий спосіб не спрацює, оскільки ми втратимо utm мітку після переходу між сторінками. Як встановити заміну номера на багатосторінковому сайті за допомогою унікальної бібліотеки javascript я розповім у наступній статті. Слідкуйте за нашими оновленнями.
