Google Tag Manager (GTM) — бесплатный инструмент от Google, который предоставляет удобный способ управлять кодами отслеживания и скриптами на вашем сайте без редактирования исходного кода. В этом руководстве вы найдёте подробный процесс настройки: создание аккаунта GTM, добавление сниппета GTM на сайт и вставку кода чата Smartsupp как тега.
Структура нашего руководства:
Создать аккаунт GTM
Если у вас ещё нет аккаунта Google Tag Manager, перейдите на tagmanager.google.com и войдите в свой Google-аккаунт. Нажмите Создать аккаунт, введите имя аккаунта и выберите страну.
Создайте контейнер для вашего сайта: введите URL вашего сайта, выберите Web как платформу, затем нажмите Создать.
Примите условия использования для продолжения.
Установить GTM на ваш сайт
После создания аккаунта GTM отобразит два сниппета кода. Их необходимо добавить в HTML вашего сайта:
Вставьте первый фрагмент как можно выше в раздел <head>.
Вставьте второй фрагмент сразу после открывающего тега <body>.
Совет: Если вы используете платформы, такие как WordPress, Shopify или PrestaShop, возможно, плагин Smartsupp уже встроен — ознакомьтесь с нашим руководством по установке для вашей платформы до использования GTM.
Позже получить доступ к сниппетам GTM можно, кликнув на идентификатор контейнера (например, GTM-XXXXXX) в верхней части панели управления GTM.
Создать новый тег
В панели управления GTM нажмите Добавить новый тег (или перейдите Теги > Новый). Задайте тегу имя, например Smartsupp Chat.
В области Настройка тега выберите Пользовательский HTML как тип тега.
Вставить код Smartsupp
Ваш уникальный код чата Smartsupp отображается в панели управления в разделе Настройки → Каналы → Живой чат → Установка. Скопируйте весь код полностью.
Вставьте этот код в поле HTML нового тега в GTM. Затем нажмите на раздел Триггеры и выберите Все страницы — это позволяет виджету Smartsupp быть доступным на всех страницах вашего сайта.
Примечание: Обязательно вставьте весь код, включая теги <script>. В отличие от некоторых платформ, GTM поддерживает вставку полного HTML с тегами script в пользовательском HTML-теге.
Опубликовать тег
Нажмите Сохранить для сохранения изменений, затем нажмите кнопку Отправить в правом верхнем углу панели управления GTM.
Добавьте название и описание версии (при необходимости), затем нажмите Опубликовать.
Проверить установку
Откройте ваш сайт в новой вкладке браузера и обновите страницу. Виджет чата Smartsupp должен теперь отображаться в углу сайта.
Совет: Если вы не видите виджет чата, попробуйте очистить кэш браузера или откройте сайт в режиме инкогнито. Также проверьте правильность установки кода контейнера GTM на ваш сайт.
Связанные материалы:
Установка Smartsupp — полный обзор всех способов установки.
Мультиязычное окно чата — настройка виджета чата для нескольких языков.
Что дальше?
Базовые настройки окна чата — настройте цвета, положение, приветствия и многое другое.
Статус окна чата — узнайте, как работает статус чата и как им управлять.
Почему не видно чат на сайте? — решение наиболее частых проблем с установкой.
Скачать плагины — посмотрите все доступные интеграции с платформами.