Установка скрипта Callibri через Яндекс Тег Менеджер

Скрипт Callibri можно установить напрямую в код сайта или через  Яндекс Тег Менеджер (ЯТМ). При этом сам скрипт будет отличаться:
<script>
 var script = document.createElement('script');
 script.src = "//gcdn.callibri.ru/callibri.js"
 script.defer = true;
 document.body.appendChild(script);
 script.onload = function() {
   callibriInit();
 }
</script>

Шаг 1: Включите Яндекс.Тег Менеджер

  1. Перейдите в Счетчик Яндекс.Метрики, который установлен на сайте, для которого будут использоваться сервисы Callibri.
  2. Перейдите в раздел «Настройки счетчика» и найдите блок «Тег менеджер».
  3. Переведите слайдер в позицию «Вкл» и поставьте галочку в чекбоксе «Пользовательский HTML».
1 (3).jpg

Шаг : Создайте новый триггер в ЯТМ

  1. Перейдите в раздел «Тег Менеджер», подраздел «Триггеры».
  2. Создайте триггер с названием «Запуск скрипта Callibri».
  3. Выберите тип «Окно загружено».
  4. Установите условия активации «Все события».
  5. Сохраните триггер.
2 (1).jpg

Шаг 3: Создайте новый тег в ЯТМ

  1. Перейдите в подраздел «Теги» и нажмите «добавить тег».
  2. Дайте название «Скрипт Callibri».
  3. Нажмите «шаблон тега» и выберите «Пользовательский HTML».
  4. Вставьте скрипт Callibri в поле для HTML-кода.
  5. Добавьте ранее созданный триггер «Запуск скрипта Callibri».
  6. Сохраните изменения.
Frame 1 (24).jpg
  • Проверьте статус: иконка «play» означает что тег запущен.
  • Frame 1 (24).jpg



    Шаг 4: Опубликуйте изменения

    Нажмите кнопку «Опубликовать» и дождитесь завершения публикации.
    Frame 1 (24).jpg

    Проверка скрипта в коде 

    1. Откройте код страницы и перейдите во вкладку «Console» или «Консоль». 
    2. Скопируйте функцию callibriInit(), вставьте ее в консоль и нажмите клавишу «Enter». 
    3. Если скрипт установлен верно, появится сообщение «undefined».

    Связанные страницы

    Не нашли решение проблемы? Обратитесь в техподдержку, мы поможем

    Создать обращение
    Callibri