Настройка SIP телефонов Mango Talker - настройка API интеграции Настройка ВАТС / Часто ищут

Использование одного номера в нескольких местах на сайте

Достаточно часто требуется разместить номер в нескольких местах на сайте, например, в хедере (header) и в футере (footer).
До релиза 12 июля 2017 г. мы использовали определенный алгоритм обработки, который затем изменили. В связи с этим изменился код скрипта коллтрекинга. Ниже в описании приведены оба варианта. Для пользователей, подключивших коллтрекинг до 12 июля используется (и работает) старый алгоритм, для вновь подключившихся пользователей – новый. Если Вы размещаете номер в первый раз, воспользуйтесь новым алгоритмом.
Для показа нескольких номеров на сайте необходимо изменить скрипт коллтрекинга и html-разметку следующим образом:
1) для каждого <span id="mango-calltracking">  c номером необходимо задать собственный id:
Пример кода:

    <span id="mango-calltracking-1">номер 1</span>
    <span id="mango-calltracking-1">номер 1</span>

2) после этого в функцию mgo в скрипте необходимо добавить соответствующие селекторы # для каждого id.
Пример кода:

<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: id Вашего виджета,
            elements: [{
                selector: '#mango-calltracking-1'},
                  {selector: '#mango-calltracking-2'
            }]
        }
    });
</script>

Код необходимо вставить в конец страницы внутри тега <script> перед закрывающим тегом </body>, иначе номера коллтрекинга не будут показываться.

Где узнать id-номер виджета, Вы можете узнать в этой статье.
1) в каждом месте, где необходимо показать номер, подставьте вместо номера: 
Пример кода:

     <a class="mgo-number-<ПОДСТАВЬТЕ id ВАШЕГО ВИДЖЕТА>"
href="tel:<ВАШ НОМЕР ПО УМОЛЧАНИЮ>"><ВАШ НОМЕР ПО УМОЛЧАНИЮ></a>


2) скрипт коллтрекинга достаточно разместить на странице один раз:
Пример кода:

<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:<ПОДСТАВЬТЕ id ВАШЕГО ВИДЖЕТА>,
elements: [{selector: '.mgo-number-<ПОДСТАВЬТЕ id ВАШЕГО
ВИДЖЕТА>
'}]}});
</script>
 

Код нужно вставить в конце страницы внутри тега <script> перед закрывающим тегом </body>, иначе номера коллтрекинга не будут выдаваться.

Остались вопросы? Напишите нам:

Мессенджеры

Задавайте вопросы в мессенджерах:

Оставьте заявку

Оставьте заявку в личном кабинете.
Написать в отдел по работе с клиентами: mango@mango.ru
Написать в техническую поддержку: techsupport@mangotele.com

Позвоните нам

Свяжитесь с нами мы работам круглосуточно: 8 800 555-55-22