Пройдите простое обучение по настройке коллтрекинга.

Как подменить два номера: городской и 8-800 в шапке сайта?

Допустим у вас на сайте размещено два номера телефона: один в коде города Москвы, второй в коде 8-800. Эта статья показывает, как реализовать подмену обоих номеров на сайте в рамках одного виджета.

Допустим номер Москвы вы хотите подменять для любых переходов по платному трафику, а 8-800 только для переходов по контекстной рекламе (cpc). Для остальных посетителей сайта должны показываться дефолтный номер в коде города и дефолтный 8-800.

 

1.       Настройки каналов отслеживания в Личном кабинете.

 

1.1. Настройка каналов подмены для номера 8-800

Создайте в Личном кабинете два канала для подмены номера 8-800 и расположите их наверху в порядке приоритета

Первый канал назовите, например, «8-800 Контекстная реклама», задайте Динамический тип отслеживания, укажите настройки Типа трафика: Регион=8800, Канал = cpc и привяжите к нему подменные номера 8-800.

8800_cpc.png

 

 Второй канал назовите «8-800 остальной трафик», тип отслеживания – статический, Тип трафика: регион = 8800, привяжите дефолтный номер 8-800.

1.2. Настройка каналов подмены для номера в коде города

Создайте канал «Городской номер - реклама» тип отслеживания – Динамический, Тип трафика выберите «Весь платный трафик», Пул – Общий пул номеров.

Измените настройки канала «Остальной трафик» (канал в самом низу). Тип отслеживания – статический, в качестве номера укажите имеющийся у вас номер.


настройки_два_номера.png

Размещение на сайте с помощью JS API.

а) Добавьте на сайт код виджета:
<script>
    (function(w, d, u, i, o, s, p) {
        if (d.getElementById(i)) { return; } w['MangoObject'] = o;
        w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) }; w[o].u = u; w[o].t = 1 * new Date();
        s = d.createElement('script'); s.async = 1; s.id = i; s.src = u;
        p = d.getElementsByTagName('script')[0]; p.parentNode.insertBefore(s, p);
    }(window, document, '//widgets.mango-office.ru/widgets/mango.js', 'mango-js', 'mgo'));
    mgo({calltracking: {id: 00000}});
</script>
Не забудьте заменить 00000 на номер вашего виджета.

б) Вставьте тег в код страницы, где должен размещаться московский номер телефона:
<span class="mgo-number"></span>

в) Вставьте ещё один тег в код страницы, где должен размещаться номер 8-800:
<span class="mgo-number-800"></span>

г) Наконец, разместите следующий скрипт после кода виджета:
<script>
    mgo(function(mgo) {
        mgo.getNumberByRegion('MOW', '', function(result) {
            document.querySelectorAll('.mgo-number').forEach(function(elem) {
                 elem.innerText = result.number;
            });

        });
        mgo.getNumberByRegion('800', '', function(result) {
            document.querySelectorAll('.mgo-number-800').forEach(function(elem) {
                 elem.innerText = result.number;
            });

        });
    });
</script>
Здесь MOW означает ISO код региона Москва. Замените его на код региона, который вам нужен. Полный список кодов регионов можно получить здесь (использовать без префикса RU).