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

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

Для установки данного решения необходимо иметь доступ к коду сайта и минимальные знания 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 необходимо заменить на номер вашего счетчика Яндекс Метрики.
В результате у вас на сайте вместо номера, который вы заменили, должна появиться запись вида:
Если для десктопов и для мобильных телефонов у вас одна версия сайта, то и в мобильной версии сайта номер будет заменен, и, при открытии, номер превратится в кликабельную ссылку, чтобы посетитель мог сразу позвонить.
Осталось создать в Яндекс Метрике цель "Открыть номер", выбрав тип условия "JavaScript-событие", идентификатор цели: open-number.

1434345.JPG

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


<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



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

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

Личный кабинет
Вам будет доступна история заказов, управление рассылками, свои цены и скидки для постоянных клиентов и прочее.
Ваш логин
Ваш пароль