Google Tag Manager (GTM) — це безкоштовний інструмент від Google, який дозволяє керувати відстежувальними кодами та скриптами на вашому сайті без прямого редагування вихідного коду. У цій інструкції описано повне налаштування — створення облікового запису GTM, додавання фрагмента коду GTM на сайт і вставку коду чату Smartsupp як тегу.
Ми розділили інструкцію на такі розділи:
Створення облікового запису GTM
Якщо у вас ще немає облікового запису Google Tag Manager, перейдіть на tagmanager.google.com і увійдіть, використовуючи свій обліковий запис Google. Натисніть Create Account, введіть назву облікового запису та виберіть свою країну.
Налаштуйте контейнер для свого сайту. Введіть URL вашого сайту та виберіть Web як цільову платформу, потім натисніть Create.
Прийміть Умови надання послуг, щоб продовжити.
Встановлення GTM на ваш сайт
Після створення облікового запису GTM відобразить два фрагменти коду. Вам потрібно додати їх у HTML-код вашого сайту:
Вставте перший фрагмент якомога вище в секції <head>.
Вставте другий фрагмент одразу після відкривального тегу <body>.
Порада: Якщо ви використовуєте платформу на кшталт WordPress, Shopify або PrestaShop, можливо, у вас уже є вбудований плагін Smartsupp — перед використанням GTM перевірте нашу інструкцію з встановлення для вашої платформи.
Також ви можете отримати доступ до фрагментів коду GTM пізніше, натиснувши ID вашого контейнера (наприклад, GTM-XXXXXX) у верхній частині панелі управління GTM.
Створення нового тегу
У панелі управління GTM натисніть Add a new tag (або перейдіть до Tags > New). Дайте тегу назву, наприклад Smartsupp Chat.
Клацніть по області Tag Configuration і виберіть Custom HTML як тип тегу.
Вставка коду Smartsupp
Знайдіть свій унікальний код чату Smartsupp у панелі управління в розділі Settings > Chatbox > Installation > Insert code. Скопіюйте весь фрагмент коду.
Вставте код у поле HTML вашого нового тегу в GTM. Потім натисніть секцію Triggering нижче та виберіть All Pages — це гарантує завантаження віджета чату Smartsupp на кожній сторінці вашого сайту.
Примітка: Переконайтеся, що ви вставили весь код, включно з тегами <script>. На відміну від деяких платформ, GTM приймає повний HTML, включно з тегами script, у типі тегу Custom HTML.
Публікація тегу
Натисніть Save, щоб зберегти тег, потім натисніть кнопку Submit у правому верхньому куті панелі управління GTM.
Додайте назву версії та опис (необов’язково), потім натисніть Publish.
Перевірка встановлення
Відкрийте ваш сайт у новій вкладці браузера й оновіть сторінку. Віджет чату Smartsupp тепер має бути видимим у кутку сайту.
Порада: Якщо ви не бачите вікно чату, спробуйте очистити кеш браузера або відкрити сайт у вікні інкогніто. Також переконайтеся, що код контейнера GTM коректно встановлено на вашому сайті.
Супутні матеріали:
Встановлення Smartsupp — повний огляд усіх методів встановлення.
Багатомовне вікно чату — налаштування віджета чату кількома мовами.
Що далі?
Базові налаштування вікна чату — налаштуйте кольори, позицію, вітальні повідомлення тощо.
Статус вікна чату — дізнайтеся, як працює статус віджета чату та як ним керувати.
Чому я не бачу чат на своєму сайті? — усунення найпоширеніших проблем із встановленням.
Завантажити плагіни — перегляньте всі доступні інтеграції з платформами.