Размещение номера в нескольких местах на сайте

Достаточно часто требуется разместить номер в нескольких местах на сайте, например, в хедере (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>, иначе номера подменяться не будут.

Новый алгоритм:

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>, иначе номера подменяться не будут.