Скрипт подмены номеров (скрипт статического коллтрекинга)
Для чего нужен скрипт?
Скрипт для подмены номеров телефона на сайте помогает настроить условия, когда должен появится тот или иной номер. Номера могут
Данный скрипт для замены номеров телефона на сайте помогает настроить условия, при которых должны появляться определенные номера. Номера телефонов могут относиться к любым операторам, однако необходимо иметь возможность получать статистику звонков по этим номерам.
Этот скрипт также сохраняет данные о том, откуда пришел посетитель на сайт. Если пользователь перешел на сайт в первый раз из поисковой системы Яндекс, то при следующем посещении сайта из закладок, ему будет показан номер телефона, связанный именно с Яндексом.
Допустим, что вам необходимо определить, сколько звонков приходит от пользователей, пришедших с рекламы Яндекс Директ и с сайтов-партнеров. Для отслеживания этих двух источников трафика необходимо использовать 3 номера телефонов. Один номер будет служить для подсчета звонков со всех остальных источников.
Для реализации такой системы на сайте необходимо установить соответствующий скрипт, который определяет источник трафика и выводит соответствующий номер телефона.
Описание работы:
Данный код позволяет заменять номера телефонов на страницах вашего сайта в зависимости от того, с какого сайта или с помощью каких utm-меток пришел посетитель. При этом вы сами задаете номера для замены. Однако важно иметь возможность получать статистику звонков на все номера телефонов. Благодаря замене номеров вы сможете определить, какие источники трафика приносят больше всего звонков.
Таким образом, вы сможете настроить условия, при которых на странице сайта будут появляться определенные номера телефонов в зависимости от источника трафика. Это поможет увеличить эффективность маркетинговых кампаний и повысить конверсию. Важно помнить, что для получения статистики звонков на все номера телефонов необходимо убедиться в наличии соответствующего функционала у ваших телефонных операторов.
Особенности:
- Есть список предопределенных основных источников траффика (органика, соц.сети, контекст).
- Умеет подменять заголовки и другой контент на странице.
- Позволяет подменять несколько номеров одновременно.
- Визуальный конструктор тут — http://sipuni.com/tools/calltracking
Установка:
Сохраните скрипт calltracking.js и подключите его на странице.
<script src='/js/calltracking.js'></script>
Пример использования:
Предположим, нам нужно отследить трафик с Яндекс Директ и Adwords.
Добавляем CSS классы ct_phone в элементах, где будет происходить подмена номеров:
PS: маска подмены ‘+# (###) ###-##-##’
<div>Тел.: <span class="ct_phone">+7 888 888-88-88</span></div>
Настраиваем вызов скрипта подмены.
- В поле sources задаем правила определения источников трафика.
- В поле phones задаем названия источников трафика, и соответствующие им номера телефонов. Вызов этого скрипта должен происходить после HTML элементов содержащих номера телефонов, или в событии готовности DOM модели.
<script>
sipuniCalltracking({
sources: {
'yadirect':{'utm_source': /yandex/ig},
'adwords':{'utm_source': /google/ig},
'organic':{'ref': /:\/\/(?:www.)?(google|yandex|mail\.ru|search\.tut\.by|rambler|bing|yahoo)(?:\.(\w+))?/ig},
'social':{'ref': /:\/\/[^\/]*(twitter|t\.co|facebook|linkedin|vk\.com|odnoklassniki)/ig},
'email':{'utm_source': /email/ig},
'target':{'utm_source': /vk/ig}
},
phones: [
{'src':'yadirect', 'phone':['+74951111111']},
{'src':'adwords', 'phone':['+74952222222']},
{'src':'organic', 'phone':['+7495000000']},
{'src':'social', 'phone':['+74953333333']},
{'src':'email', 'phone':['+74954444444']},
{'src':'target', 'phone':['+74953333333']}
],
pattern:'+# (###) ###-##-##'
}, window);
</script>