Як додати віджет Elbuz через вже підключений Google Tag Manager

Якщо GTM у вас вже працює на Prom.ua, завдання спрощується - потрібно тільки додати новий тег з нашим віджетом. Займе 5-10 хвилин.

Крок 1. Відкрийте контейнер у Google Tag Manager

Зайдіть на tagmanager.google.com під тим же Google-акаунтом, на якому створено ваш контейнер. Виберіть обліковий запис та контейнер, який вже підключено до вашого магазину на Prom.

Крок 2. Створіть новий тег

У лівому меню виберіть «Теги» (Tags) → натисніть кнопку «Створити» (New) у правому верхньому кутку.

Угорі введіть назву тегу: "Віджет Elbuz - пошук і чат" (Назва будь-яка, але краще зрозуміла, щоб потім не заплутатися серед інших тегів).

Крок 3. Вставте наш код

Натисніть на блок «Конфігурація тега» → у списку виберіть «Користувацький HTML» (Custom HTML).

У полі для коду вставте код, який ми надішлемо вам окремо.

⚠️ Важливо: використовуйте саме той код, який ми вам надішлемо - в ньому буде правильний data-shop-id під ваш магазин. Не редагуйте його самостійно.

Галочку "Підтримка document.write" залиште вимкненою - вона не потрібна.

Крок 4. Налаштуйте тригер

Прокрутіть сторінку нижче до блоку «Тригери» → натисніть на нього.

Виберіть «All Pages» (Всі сторінки) — віджет завантажуватиметься на всіх сторінках магазину.

Якщо хочете, щоб віджет працював тільки на певних сторінках (наприклад, тільки в каталозі, без головної), напишіть нам, підкажемо, як налаштувати тригер точково.

Натисніть «Зберегти» у правому верхньому кутку.

Крок 5. Перевірте тег у режимі перегляду (рекомендується)

Перед публікацією варто переконатись, що тег спрацьовує. У верхньому правому куті натисніть "Перегляд" (Preview).

Відкриється нова вкладка Tag Assistant – введіть туди адресу вашого магазину на Prom та натисніть "Connect". Відкриється ваш сайт із підключеним відладчиком.

У панелі Tag Assistant у списку спрацьованих тегів має з'явитися "Віджет Elbuz - пошук і чат". Якщо він там є, все добре, можна публікувати. Якщо його немає в списку тих, хто спрацював - перевірте, що тригер виставлений на All Pages.

Крок 6. Опублікуйте зміни

Поверніться до основної вкладки Google Tag Manager → натисніть синю кнопку «Надіслати» (Submit) у правому верхньому кутку.

Заповніть:

• Назва версії — наприклад, «Додано віджет Elbuz»
• Опис - Можна залишити порожнім

Натисніть «Опублікувати».

⚠️ Важливо: без публікації тег не почне працювати на живому сайті навіть якщо ви його зберегли. Це найчастіша помилка.

Крок 7. Перевірте на сайті

Зачекайте 2–3 хвилини, потім відкрийте ваш магазин режимі інкогніто (Ctrl+Shift+N у Chrome) — Вимкнення кешу браузера.

Віджет пошуку та чату повинен з'явитися на сторінці.

Якщо віджет не з'явився

1. Відкрийте сайт → натисніть F12 → вкладка Console - подивіться, чи немає червоних помилок зі словом elbuz
2. Перейдіть на вкладку Network → введіть у фільтр elbuz → оновіть сторінку (F5) → має з'явитися запит до нашого скрипту зі статусом 200
3. Переконайтеся, що в Google Tag Manager ви натиснули саме «Опублікувати», а не тільки «Зберегти»
4. Перевірте, що новий тег знаходиться в тому ж контейнері, який підключений до Prom (якщо у вас кілька контейнерів легко переплутати)

Якщо нічого не допомогло – надішліть нам скріншот вкладки Console та Network, ми швидко розберемося.

Збережи посилання на цю сторінку