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 позже, нажав на ID контейнера (например, GTM-XXXXXX) в верхней части панели управления GTM.
Создать новый тег
В панели управления GTM нажмите Добавить новый тег (или перейдите в Теги > Новое). Дайте тегу имя, например Smartsupp Chat.
Нажмите на область Tag Configuration и выберите Custom HTML как тип тега.
Вставить код Smartsupp
Найдите Ваш уникальный код чата Smartsupp в панели управления в разделе Настройки > Окно чата > Установка > Вставить код. Скопируйте весь сниппет кода.
Вставьте код в поле HTML Вашего нового тега в GTM. Затем нажмите раздел Triggering ниже и выберите All Pages — это гарантирует, что окно чата Smartsupp будет загружаться на каждой странице Вашего сайта.
Примечание: убедитесь, что Вы вставляете полный код, включая теги <script>. В отличие от некоторых платформ, GTM принимает полный HTML, включая теги script, в типе тега Custom HTML.
Опубликовать тег
Нажмите Сохранить, чтобы сохранить тег, затем нажмите кнопку Submit в правом верхнем углу панели управления GTM.
Добавьте название версии и описание (необязательно), затем нажмите Publish.
Проверить установку
Откройте Ваш сайт в новой вкладке браузера и обновите страницу. Окно чата Smartsupp теперь должно быть видно в углу сайта.
Совет: если Вы не видите окно чата, попробуйте очистить кэш браузера или открыть сайт в режиме инкогнито. Также убедитесь, что код контейнера GTM корректно установлен на Вашем сайте.
Связанные материалы:
Установка Smartsupp — полный обзор всех способов установки.
Многоязычное окно чата — настройте окно чата на нескольких языках.
Что дальше?
Базовые настройки окна чата — настройте цвета, позицию, приветственные сообщения и многое другое.
Статус окна чата — узнайте, как работает статус окна чата и как им управлять.
Почему я не вижу чат на своём сайте? — устранение самых частых проблем с установкой.
Скачать плагины — просмотрите все доступные интеграции с платформами.