Размещение кода виджета в Google Tag Manager

Если Вы используете Google Tag Manager (GTM) для размещения скриптов на Вашем сайте, то разместить код виджета динамического коллтрекинга также необходимо через GTM. При этом изменять непосредственно код виджета не нужно.

​ Если в GTM еще нет триггера DOM Ready, то его необходимо добавить. Для этого в GTM зайдите в раздел «Триггеры»:

1. Нажмите «Создать»
2. Назовите триггер «DOM Ready»
3. Выберите тип триггера «Модель DOM готова»
4. Нажмите «Сохранить»

Далее необходимо добавить тег. Для этого перейдите в раздел «Теги»:

1. Нажмите "Создать"
2. Назовите тег «Mango Calltracking»
3. Выберите тип тега «Пользовательский HTML»
4. В поле HTML вставьте скрипт виджета из Личного Кабинета.
ВАЖНО: в GTM нужно вставить только часть кода виджета, которая ограничена тэгами <srcipt>.

Пример кода:

<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: xxxx, elements: [{selector: '.mgo-number-xxxx'}]}});
<script>


5. Поставьте флаг «Поддержка функции document.write»

6. В расширенных настройках:

  • установите «Приоритет активации тегов» в «-1»;
  • поставьте флаг «Активировать этот тег только в опубликованных контейнерах»;
  • в поле «Настройки активации тега» выберите «Без ограничений»:
  • 7.  Далее в разделе «Триггеры» добавьте созданный триггер «DOM Ready»:

    8. Сохраните.

    Далее GTM необходимо опубликовать. Для этого в рабочем окне GTM нажмите «Отправить», а затем «Опубликовать»:


    При желании, можно указать название и описание изменений (не обязательно).

    ВАЖНО: Не забудьте убедиться в том, что скрипты GTM корректно установлены на Вашем сайте и HTML-тег с номером телефона на сайте имеет класс "mgo-number-xxxx" (где xxxx - id виджета).

    Сам подменный номер необходимо разместить в нужных частях страницы непосредственно в html. Вы можете взять первую строку кода виджета из Личного кабинета, в которой будет подменяться номер, и установить её вместо Вашего номера на сайте.

    Пример:

    <a class="mgo-number-xxxx" href="tel:+74991234567">+7 (499) 1234567</a>

    ВАЖНО: Этот код (HTML-тег с номером телефона) должен быть размещен на сайте после (ниже) скриптов GTM.