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