Использование компанией коллтрекинга часто достаточно дорого обходится. Но существует более простой вариант для отслеживания информации по какому запросу поступают звонки от пользователей.
Для этих целей используется способ, позволяющий скрыть часть номера телефона на сайте с помощью изображения или текста. Чтобы посетитель сайта увидел ваш телефон, ему нужно совершить простое действие – нажать на иконку или слово, после чего открывается полный номер, что фиксируется системой аналитики. Если пользователь кликает по номеру, то как правило компания получает входящий звонок.
Для чего можно использовать этот способ?
Полученная информация позволит проанализировать:
1. Частоту звонков посетителей сайта в компанию.
2. Перечень страниц, с которых идет конверсия на звонок.
3. Источник трафика и ключевые слова, которые привели к переходу на сайт.
4. Регион звонка потенциального покупателя.
Данный способ рекомендуется малому бизнесу в качестве бесплатной альтернативы для отслеживания звонков.
Эта информация поможет правильно настроить контекстную рекламу и сэкономить бюджет перенаправив оплату за клики, на более перспективные и эффективные ключевые слова.
Что нужно сделать?
Такую функцию можно реализовать с помощью нехитрых манипуляций. Для этого на сайте ставится специальный скрипт для скрытия номера телефона.
Для скрытия части номера
Таким образом мы получаем вот такой результат:
Алгоритм действий:
1. Для реализации данного функционала, то есть для того, чтобы добавить скрипт нужно установить библиотеку jQuery.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2. После подключения библиотеки нужно подключить данный скрипт:
<script>
$.fn.textToggle = function(cls, str) {
return this.each(function(i) {
$(this).click(function() {
var c = 0, el = $(cls).eq(i), arr = [str,el.text()];
return function() {
el.text(arr[c++ % arr.length]);
}}());
})};
$(function(){
$('.sc_num').textToggle(".sc_num","").click();
$('.sc_num').textToggle(".num_hide","XXXXXXXXXXX").click();
});
</script>
3. Для работы скрипта вводим номер компании, часть, скрываемую от пользователя, нужно обернуть в теги, затем добавляем кнопку «Показать». При выполнении всех этих манипуляций номер с кодом будет иметь такой вид:
$('.sc_num').textToggle(".sc_num","").click();
$('.sc_num').textToggle(".num_hide","XXXXXXXXXXX").click();
4. Номер полностью или частично заключает в тег span, класс num_hide. Кнопка «Показать» добавляется с тегом span и классом - sh_num.
Если необходимо, можно добавить стиль написания в соответствии со стилем сайта.