Динамическая подмена номера телефона на сайте может помочь вам определить, какой из источников трафика приносит вам больше звонков или, например, предоставлять индивидуальную информацию разным сегментам пользователей.
Представим ситуацию. У нас есть два источника трафика 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 я расскажу в следующей статье. Следите за нашими обновлениями.