Как добавить код чата на сайт с помощью Google Tag Manager

Если у вас нет доступа к исходному коду сайта или вы хотите отделить скрипты, связанные с трекингом и маркетингом, вы можете добавить код онлайн-чата с помощью Google Tag Manager.

Скопируйте код чата в SendPulse

Создайте новый виджет чат-бота или перейдите к настройкам готового чата в разделе «Чат-боты». Выберите вкладку «Интеграция с сайтом» (Website integrations) и скопируйте «Код установки для сайта» (Site installation code).

Добавьте код в Google Tag Manager

Перейдите в аккаунт Google Tag Manager и создайте новый тег.

Выберите тип тега «Пользовательский HTML».

В поле «HTML» в форме «Конфигурация тэга» (Tag Configuration) добавьте скрипт:

<script>
var body=document.getElementsByTagName('body')[0];
var script=document.createElement('script');
script.async=true;
script.src='//cdn.pulse.is/livechat/loader.js';
script.setAttribute('data-live-chat-id','значение_ID');
body.appendChild(script);
</script>

Замените значение_ID на ID формы, который вы скопировали в SendPulse.

Вы можете скопировать ID с вкладки «Настройки бота» > «Интеграция с сайтом» в значении параметра data-live-chat-id или с адресной строки после части ссылки /login.sendpulse.com/messengers/bots/live-chat/значение_ID.

Настройте триггеры, которые будут активировать тег.

Сохраните тег и отправьте изменения в рабочей области в Google Tag Manager.

Обновлено: 17.10.2023