Установка скрипта Callibri через Яндекс Тег Менеджер
Включите Яндекс.Тег Менеджер в настройках счетчика Яндекс.Метрики: активируйте блок «Тег менеджер» и разрешите «Пользовательский HTML».
- Создайте триггер «Окно загружено» с условием активации «Все события».
- Создайте тег типа «Пользовательский HTML», вставьте специальный скрипт Callibri для ЯТМ, привяжите к нему созданный триггер и сохраните изменения.
Опубликуйте изменения в Яндекс.Тег Менеджере и проверьте установку: в консоли браузера выполните callibriInit(). Если отображается undefined, скрипт установлен корректно.
Важно: После создания тега убедитесь, что его статус отображается значком «play» — это означает, что тег запущен.
Скрипт 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: Включите Яндекс.Тег Менеджер
- Перейдите в Счетчик Яндекс.Метрики, который установлен на сайте, для которого будут использоваться сервисы Callibri.
- Перейдите в раздел «Настройки счетчика» и найдите блок «Тег менеджер».
- Переведите слайдер в позицию «Вкл» и поставьте галочку в чекбоксе «Пользовательский HTML».
Шаг : Создайте новый триггер в ЯТМ
- Перейдите в раздел «Тег Менеджер», подраздел «Триггеры».
- Создайте триггер с названием «Запуск скрипта Callibri».
- Выберите тип «Окно загружено».
- Установите условия активации «Все события».
- Сохраните триггер.
Шаг 3: Создайте новый тег в ЯТМ
- Перейдите в подраздел «Теги» и нажмите «добавить тег».
- Дайте название «Скрипт Callibri».
- Нажмите «шаблон тега» и выберите «Пользовательский HTML».
- Вставьте скрипт Callibri в поле для HTML-кода.
- Добавьте ранее созданный триггер «Запуск скрипта Callibri».
- Сохраните изменения.
- Проверьте статус: иконка «play» означает что тег запущен.
Шаг 4: Опубликуйте изменения
Нажмите кнопку «Опубликовать» и дождитесь завершения публикации.
Проверка скрипта в коде
- Откройте код страницы и перейдите во вкладку «Console» или «Консоль».
- Скопируйте функцию callibriInit(), вставьте ее в консоль и нажмите клавишу «Enter».
- Если скрипт установлен верно, появится сообщение «undefined».
Не получилось найти решение?
Напишите нам — проконсультируем и обязательно поможем!
Была ли полезна статья?
Установка скрипта Callibri через Яндекс Тег Менеджер
Включите Яндекс.Тег Менеджер в настройках счетчика Яндекс.Метрики: активируйте блок «Тег менеджер» и разрешите «Пользовательский HTML».
- Создайте триггер «Окно загружено» с условием активации «Все события».
- Создайте тег типа «Пользовательский HTML», вставьте специальный скрипт Callibri для ЯТМ, привяжите к нему созданный триггер и сохраните изменения.
Опубликуйте изменения в Яндекс.Тег Менеджере и проверьте установку: в консоли браузера выполните callibriInit(). Если отображается undefined, скрипт установлен корректно.
Важно: После создания тега убедитесь, что его статус отображается значком «play» — это означает, что тег запущен.
Скрипт 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: Включите Яндекс.Тег Менеджер
- Перейдите в Счетчик Яндекс.Метрики, который установлен на сайте, для которого будут использоваться сервисы Callibri.
- Перейдите в раздел «Настройки счетчика» и найдите блок «Тег менеджер».
- Переведите слайдер в позицию «Вкл» и поставьте галочку в чекбоксе «Пользовательский HTML».
Шаг : Создайте новый триггер в ЯТМ
- Перейдите в раздел «Тег Менеджер», подраздел «Триггеры».
- Создайте триггер с названием «Запуск скрипта Callibri».
- Выберите тип «Окно загружено».
- Установите условия активации «Все события».
- Сохраните триггер.
Шаг 3: Создайте новый тег в ЯТМ
- Перейдите в подраздел «Теги» и нажмите «добавить тег».
- Дайте название «Скрипт Callibri».
- Нажмите «шаблон тега» и выберите «Пользовательский HTML».
- Вставьте скрипт Callibri в поле для HTML-кода.
- Добавьте ранее созданный триггер «Запуск скрипта Callibri».
- Сохраните изменения.
- Проверьте статус: иконка «play» означает что тег запущен.
Шаг 4: Опубликуйте изменения
Нажмите кнопку «Опубликовать» и дождитесь завершения публикации.
Проверка скрипта в коде
- Откройте код страницы и перейдите во вкладку «Console» или «Консоль».
- Скопируйте функцию callibriInit(), вставьте ее в консоль и нажмите клавишу «Enter».
- Если скрипт установлен верно, появится сообщение «undefined».
Не получилось найти решение?
Напишите нам — проконсультируем и обязательно поможем!
Была ли полезна статья?