Google Tag Manager (GTM) — це безкоштовний інструмент від Google, який дає змогу керувати кодами відстеження та скриптами на вашому сайті без безпосереднього редагування вихідного коду. У цьому посібнику описано всі етапи налаштування — створення облікового запису GTM, додавання фрагмента коду GTM на ваш сайт і вставлення коду чату Smartsupp як тегу.
Ми поділили посібник на такі розділи:
Створення облікового запису GTM
Якщо у вас ще немає облікового запису Google Tag Manager, перейдіть на tagmanager.google.com І увійдіть за допомогою свого облікового запису Google. Натисніть Створити обліковий запис, введіть назву облікового запису та виберіть країну.
Налаштуйте контейнер для вашого сайту. Введіть URL вашого сайту та виберіть Веб Як цільову платформу, а потім натисніть Створити.
Прийміть Умови використання, щоб продовжити.
Установлення GTM на вашому сайті
Після створення облікового запису GTM покаже два фрагменти коду. Їх потрібно додати до HTML вашого сайту:
Вставте перший фрагмент якомога вище в розділі <head> .
Вставте другий фрагмент одразу після початкового тегу <body> .
Порада: Якщо ви користуєтеся платформою на кшталт WordPress, Shopify або PrestaShop, можливо, у вас уже є вбудований плагін Smartsupp — перегляньте наш Посібник зі встановлення Для вашої платформи, перш ніж використовувати GTM.
Ви також можете отримати доступ до фрагментів коду GTM пізніше, натиснувши ID вашого контейнера (наприклад, GTM-XXXXXX) у верхній частині панелі управління GTM.
Створення нового тегу
На панелі управління GTM натисніть Додати новий тег (або перейдіть до Теги > Нове). Назвіть свій тег, наприклад Чат Smartsupp.
Натисніть область Конфігурація тегу І виберіть Власний HTML Як тип тегу.
Вставлення коду Smartsupp
Знайдіть свій унікальний код чату Smartsupp на панелі управління в розділі Налаштування > Вікно чату > Встановлення > Вставити код. Скопіюйте весь фрагмент коду.
Вставте код у поле HTML Вашого нового тегу в GTM. Потім натисніть розділ Активація Нижче та виберіть Усі сторінки — це забезпечить завантаження widget чату Smartsupp на кожній сторінці вашого сайту.
Примітка: Переконайтеся, що ви вставляєте повний код, зокрема теги <script> . На відміну від деяких платформ, GTM приймає повний HTML, зокрема теги script, для типу тегу «Власний HTML».
Публікація тегу
Натисніть Зберегти Щоб зберегти тег, а потім натисніть кнопку Надіслати У верхньому правому куті панелі управління GTM.
Додайте назву й опис версії (необов’язково), а потім натисніть Опублікувати.
Перевірка встановлення
Відкрийте ваш сайт у новій вкладці браузера та оновіть сторінку. Тепер widget чату Smartsupp має відображатися в куті вашого сайту.
Порада: Якщо ви не бачите widget чату, спробуйте очистити кеш браузера або відкрити сайт у вікні інкогніто. Також переконайтеся, що код контейнера GTM правильно встановлено на вашому сайті.
Пов’язані ресурси:
Установлення Smartsupp — повний огляд усіх способів установлення.
Багатомовне вікно чату — налаштуйте widget чату кількома мовами.
Що далі?
Основні налаштування вікна чату — Налаштуйте кольори, розташування, вітальні повідомлення тощо.
Статус вікна чату — Дізнайтеся, як працює статус widget чату та як ним керувати.
Чому я не бачу чат на своєму сайті? — Усуньте найпоширеніші проблеми зі встановленням.
Завантажити плагіни — Перегляньте всі доступні інтеграції з платформами.