Google Tag Manager (GTM) — це безкоштовний інструмент від Google, який дає змогу легко керувати кодами відстеження і скриптами на вашому сайті без редагування вихідного коду. У цьому посібнику описано весь процес налаштування: створення облікового запису GTM, додавання фрагмента GTM на сайт і вставлення коду чату Smartsupp як тега.
Посібник складається з таких розділів:
Створити обліковий запис GTM
Якщо у вас ще немає облікового запису Google Tag Manager, перейдіть на tagmanager.google.com та увійдіть зі своїм обліковим записом Google. Натисніть Створити обліковий запис, вкажіть назву облікового запису та виберіть країну.
Створіть контейнер для свого сайту: введіть адресу сайту і виберіть Web як платформу, після чого натисніть Створити.
Погодьтесь із правилами використання, щоб продовжити.
Встановити GTM на свій сайт
Після створення облікового запису GTM покаже два фрагменти коду, які потрібно додати у HTML-код вашого сайту:
Перший скопіюйте якнайвище у секцію <head>.
Другий розмістіть одразу після відкривального тега <body>.
Порада: Якщо ви використовуєте такі платформи, як Wordpress, Shopify чи Prestashop, ймовірно, у вас уже є встановлений плагін Smartsupp — перевірте нашу інструкцію з встановлення для вашої платформи перш ніж використовувати GTM.
Пізніше переглянути фрагменти GTM можна, натиснувши ідентифікатор контейнера (наприклад, GTM-XXXXXX) у верхній частині панелі керування GTM.
Створити новий тег
У панелі керування GTM натисніть Додати новий тег (або перейдіть у Теги > Новий). Дайте тегу ім'я, наприклад Smartsupp Chat.
У розділі Налаштування тегу виберіть Custom HTML як тип тега.
Вставити код Smartsupp
Знайдіть унікальний код вашого чату Smartsupp у панелі керування: Налаштування → Канали → Живий чат → Встановлення. Скопіюйте повністю весь код.
Вставте цей код у поле HTML вашого нового тега в GTM. Далі натисніть розділ Тригеринг нижче та виберіть Усі сторінки — це гарантує, що віджет чату Smartsupp буде відображатися на кожній сторінці вашого сайту.
Примітка: Переконайтеся, що додаєте повний код, включно з тегами <script>. На відміну від деяких платформ, у GTM у типі Custom HTML можна використовувати скрипти у повному вигляді.
Опублікувати тег
Клацніть Зберегти, щоб зберегти тег, а потім натисніть Надіслати у верхньому правому куті панелі керування GTM.
Додайте назву версії й опис (за бажанням), після цього натисніть Опублікувати.
Перевірити встановлення
Відкрийте сайт у новій вкладці браузера та оновіть сторінку. Віджет чату Smartsupp повинен тепер відображатися у кутку сторінки.
Порада: Якщо ви не бачите віджет чату, спробуйте очистити кеш браузера або відкрити сайт у режимі інкогніто. Також переконайтеся, що GTM-код встановлено правильно.
Корисні матеріали:
Встановлення Smartsupp — повний огляд усіх способів встановлення.
Багатомовне вікно чату — налаштуйте віджет чату кількома мовами.
Що далі?
Основні налаштування вікна чату — Налаштуйте кольори, розташування, вітальні повідомлення та інші параметри.
Статус вікна чату — Дізнайтесь, як працює статус віджета Smartsupp та як ним управляти.
Чому я не бачу віджет чату на своєму сайті? — Як усунути найпоширеніші проблеми під час встановлення.
Завантажити плагіни — Перегляньте всі доступні інтеграції для платформ.
💡 Потрібна ще допомога? Зверніться до нашої команди підтримки — ми охоче відповімо на ваші запитання!