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