Статический коллтрекинг

Описание

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

Особенности

• Есть список предопределенных основных источников траффика (органика, соц.сети, контекст).
• Умеет подменять заголовки и другой контент на странице.
• Позволяет подменять несколько номеров одновременно.

Установка

Сохраните скрипт sipuni-calltracking.js и подключите его на странице.

<script src='/js/sipuni-calltracking.js'></script>

Пример использования

Предположим, нам нужно отследить трафик с Яндекс Директ и двух сайтов: habrahabr.ru и oborot.ru

Добавляем CSS классы ct_phone в элементах, где будет происходить подмена номеров:

<div>Тел.: <span class="ct_phone">+7 888 888-88-88</span></div>

Настраиваем вызов скрипта подмены.

• В поле sources задаем правила определения источников трафика. Подробнее о настройке правил см. Настройка источников трафика.
• В поле phones задаем названия источников трафика, и соответсвующие им номера телефонов. Вызов этого скрипта должен происходить после HTML элементов содержащих номера телефонов, или в событии готовности DOM модели.

<script>
    sipuniCalltracking({
      sources: {
        'ydirect':{'utm_source': 'direct.yandex.ru'},
        'articles':{'ref':/(habrahabr|oborot\.ru)/ig}
      },
      phones: [
        {'src':'articles', 'phone':['+75555555555']},
        {'src':'ydirect', 'phone':['+73333333333']}
      ],
    }, window);
</script>

Оглавление

• Установка и настройка
• Настройка источников трафика
• Отображение нескольких телефонов
• Подмена контента страницы