Как отслеживать звонки с сайта без подмены номера

29 марта 2021

4722

Если на сайте не установлена система коллтрекинга и не настроена подмена номера, то невозможно отследить звонки посетителей, которые открывают сайт на десктопе. Из за этого не представляется возможным отслеживать конверсии на сайте в полной мере, и это напрямую влияет на эффективность рекламных кампаний, которые настроены на автоматические стратегии.

Проблему можно решить скрытием номера телефона на сайте, чтобы он показывался только после клика на ссылку или кнопку "Показать телефон".

Для установки данного решения необходимо иметь доступ к коду сайта и минимальные знания HTML.

Первое, что нужно сделать - это установить код скрипта перед закрывающим тегом </body>, а в некоторых случаях после тега <head> (зависит от площадки, на которой сделан сайт). Попробуйте оба варианта, чтобы понять какой из них в вашем случае работает.

<!--Close number-->
<script>>
[].forEach.call(document.querySelectorAll('.phone_number'),function(node){
    node.querySelector('.phone_number_active').addEventListener('click',function(){
       const nums=node.querySelector('[data-value]');
       nums.textContent=nums.dataset.value;
       this.style.display='none';
   });
});
</script>
<script>
[].forEach.call(document.querySelectorAll('.phone_number'),function(node){
   const item=node.firstChild;
   item.__hiddenPart=item.textContent.substr(-18);
   item.textContent=item.textContent.replace(item.__hiddenPart,'');
   node.querySelector('.phone_number_active').addEventListener('click',function(){
       item.textContent=item.textContent.replace('',item.__hiddenPart);
       this.style.display='none';
   });
});
</script>
<!--Close number-->

Далее необходимо в коде заменить запись с номером телефона на следующий код:

<span class="phone_number"><a href="tel:+74991234567">+7 (499) 123-45-67</a>
<span class="phone_number_active"><a class="link" onclick="ym(12312312,'reachGoal','open-number'); return true;">
+7 (499).. Показать телефон</a></span></span>

Параметр onclick здесь используется для передачи кликов по элементу в Яндекс Метрику. Номер 12312312 необходимо заменить на номер вашего счетчика Яндекс Метрики.
В результате у вас на сайте вместо номера, который вы заменили, должна появиться запись вида:

+7 (499) 123-45-67+7 (499).. Показать телефон

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

Осталось создать в Яндекс Метрике цель "Открыть номер", выбрав тип условия "JavaScript-событие", идентификатор цели: open-number.

Если вы хотите, чтобы вместо надписи "Показать телефон" была кнопка, то код будет таким:

<span class="phone_number"><a href="tel:+74991234567">+7 (499) 123-45-67</a>
<span class="phone_number_active"><button class="link" onclick="ym(12312312,'reachGoal','open-number'); return true;">
Показать телефон</button></span></span>

+7 (499) 123-45-67

На этом все, если на сайте все корректно отображается, то теперь Яндекс Метрика будет фиксировать все целевые посещения.

Желаем вам больше конверсий и продаж!