Чи інтегруєтеся ви з Google Analytics 4?
Так. Checkout Widget надсилає події бронювання до Google Analytics 4 (GA4) протягом усього процесу бронювання. Ці інструкції стосуються поточної версії Checkout Widget; якщо ви використовуєте старішу версію, див. застарілі віджети.
Налаштування відстеження
У налаштуваннях віджета оформлення замовлення відкрийте Analytics і ввімкніть Enable Google Analytics. У розділі Send events via виберіть спосіб надсилання віджетом подій бронювання. Віджет використовує лише один спосіб одночасно:
- Google Analytics 4 — виберіть Use existing tag, якщо на вашому вебсайті вже завантажується тег Google Analytics, або Use custom tag і введіть ідентифікатор вимірювання GA4 (
G-…). Віджет автоматично надсилає події через цей тег. - Google Tag Manager — увімкніть Enable Google Tag Manager, а потім використовуйте наявний контейнер вашого вебсайту або введіть власний ідентифікатор контейнера (
GTM-…). Віджет передає події до Data Layer. Події бронювання надходять до GA4 після налаштування й публікації у вашому контейнері тегів подій GA4 із відповідними тригерами користувацьких подій і даними електронної комерції з Data Layer. Див. посібник із налаштування Tag Manager.
Збережіть налаштування, щоб увімкнути відстеження. Не пересилайте ті самі події бронювання через Tag Manager або власний код, поки віджет також надсилає їх за допомогою Google Analytics 4, оскільки покупки й дохід можуть бути пораховані двічі.
Події, що надсилаються автоматично
| Подія | Коли Checkout Widget її надсилає |
|---|---|
page_view | Відображається крок віджета, зокрема екрани вибору, оформлення замовлення, успішного завершення та помилки |
select_item | Із переліку товарів або подій вибрано товар, пакет або ваучер на товар |
add_to_cart | Бронювання або пакет додано до кошика |
view_cart | Відображається кошик |
begin_checkout | Відображається крок із даними клієнта |
add_payment_info | Відображається крок оплати — до надсилання платіжних даних |
purchase | Оплату успішно здійснено або підтверджено замовлення, за яким більше нічого сплачувати |
Набір кроків залежить від процесу бронювання. Наприклад, під час безкоштовного бронювання екран оплати може бути пропущено.
Що містять події
- Перегляди сторінок:
page_titleіpage_pathвизначають крок віджета, наприкладtier_selection,extras_selection,basketабоpayment.page_location— це URL сторінки вашого вебсайту, на якій розміщено віджет. - Вибір товару:
item_list_id,item_list_nameі масивitemsвизначають вибраний товар або пакет. - Події кошика та оформлення замовлення:
currency, числове значенняvalue,order_id,localeіitems. Елементи містять типи квитків, кількість, ціни за одиницю та відповідний товар або пакет. Під час вибору використовуються ідентифікатори товарів або пакетів; у наступних подіях — ідентифікатори типів квитків. - Покупка: також містить
transaction_id(референс замовлення).couponдодається доbegin_checkout,add_payment_infoіpurchase, якщо доступний. Події Analytics також містятьwidget_id.
Охоплення доходу: value — це загальна вартість відстежуваних квитків у бронюваннях товарів і пакетів, зокрема ваучерів на товари. До неї не входять додаткові послуги, сувенірна продукція та покупки подарункових карток, тому дохід у GA4 може відрізнятися від повної суми замовлення.
Власне відстеження
Для власного відстеження розробник вашого вебсайту може прослуховувати ті самі сім подій у document із префіксом th:, наприклад th:purchase. Дані цих подій містяться в event.detail, і вони залишаються доступними, коли вбудоване відстеження Google Analytics вимкнено.
Перевірка налаштування
Виконайте тестове бронювання на сторінці, де вбудовано ваш віджет. Перевірте GA4 Realtime або DebugView; оновлення стандартних звітів може тривати 24–48 годин. Для Tag Manager скористайтеся режимом попереднього перегляду, щоб перевірити спрацювання тегів GA4, а потім опублікуйте зміни.
Щоб переглянути журнали консолі або вирішити проблеми з відсутніми подіями, згодою чи блокувальниками реклами, скористайтеся статтею Як налагодити відстеження Google Analytics і Tag Manager.