Гайд по динамической подмене номера телефона на сайте

563
3 мин.

Динамическая подмена номера телефона на сайте может помочь вам определить, какой из источников трафика приносит вам больше звонков или, например, предоставлять индивидуальную информацию разным сегментам пользователей.

Представим ситуацию. У нас есть два источника трафика Google Ads и Facebook, но нам нужно выяснить, откуда мы можем получать больше звонков без использования call-tracking. Нам достаточно будет завести 3 номера телефона. Первый — для перехода с рекламы Google, второй — для перехода с рекламы Facebook, третий — для всех остальных переходов.

Предлагаем рассмотреть, как можно подменить номера на landing или сайте-одностраничнике. Поможет нам в этом Google Tag Manager.

Нам нужно создать 2 дополнительные переменные, которые будут хранить данные про источник и канал перехода пользователей. Обратите внимание на важный момент: каждая рекламная кампания должна иметь UTM метку.

Переходим в GTM для создания переменных.

  1. URL - utm_source — свидетельствует о источнике перехода.
  1. 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 я расскажу в следующей статье. Следите за нашими обновлениями.

15 сентября 2022
Хотите, чтобы мы настроили подмену номера?
Сделаем проект вместе
Заявка получена
Благодарим, что доверяете нам
5 / 5 (4 голоса)