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