4 Размещение кода коллтрекинга на Вашем сайте
Размещение кода виджета на Вашем сайте должно выполняться специалистом, имеющим навыки администрирования Вашего сайта.
Основные шаги
Чтобы вставить код виджета, следует:- получить код при помощи мастера кода виджета. Внутри кода будет указан идентификатор Вашего виджета;
- скопировать код виджета и вставить этот код на КАЖДУЮ страницу сайта ОДИН раз, перед закрывающимся тегом </body>
Обобщенный пример кода:
<a class="mgo-number-<ВАШЕГО ВИДЖЕТА>"
href="tel:<ВАШ НОМЕР ПО УМОЛЧАНИЮ>"> <ВАШ НОМЕР ПО УМОЛЧАНИЮ></a>
<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>
Рекомендации по размещению кода виджета на Вашем сайте
Размещение кода виджета можно условно разбить на несколько вариантов, выберите наиболее предпочтительный:- на сайте установлен Google Tag Manager (далее GTM) или платформа сайта поддерживает размещение кода через GTM. Для этого варианта скопируйте код виджета и разместите на сайт по инструкции;
Если на сайте уже присутствует GTM, код нашего виджета размещать через GTM обязательно, т. к. при установке на сайт кода GTM и кода виджета совместно, возможен конфликт, приводящий к неработоспособности виджета.
- размещение через панель администратора платформы сайта. Для этого найдите пункт размещения сторонних кодов (виджетов, плагинов) на сайт и разместите наш код. Желательно размещать код виджета до закрывающего тега body;
- возможно размещение через редактор файлов (например, через файловый менеджер платформы или FTP-доступ к файлам сайта). Желательно размещать код виджета до закрывающего тега </body>
Дополнительные инструкции по размещению кода можно найти здесь.
