Har ni integration med Google Analytics 4?
Ja. Checkout Widget skickar bokningsevenemang till Google Analytics 4 (GA4) under hela bokningsprocessen. Dessa instruktioner gäller den aktuella Checkout Widget-versionen. Se Äldre widgetar om ni använder den äldre versionen.
Konfigurera spårning
Öppna Analytics i inställningarna för er Checkout Widget och aktivera Enable Google Analytics. Under Send events via väljer ni hur widgeten skickar bokningsevenemang. Widgeten använder en metod åt gången:
- Google Analytics 4 — välj Use existing tag om er webbplats redan läser in Google Analytics-taggen, eller Use custom tag och ange ert GA4-mätnings-ID (
G-…). Widgeten skickar automatiskt händelser via den taggen. - Google Tag Manager — aktivera Enable Google Tag Manager och använd sedan er webbplats befintliga container eller ange ett anpassat container-ID (
GTM-…). Widgeten skickar händelser till datalagret. Bokningsevenemang når GA4 när GA4-händelsetaggar med matchande utlösare för anpassade händelser och e-handelsdata från datalagret har konfigurerats och publicerats i er container. Se konfigurationsguiden för Tag Manager.
Spara inställningarna för att aktivera spårningen. Undvik att vidarebefordra samma bokningsevenemang via Tag Manager eller anpassad kod när widgeten samtidigt skickar dem via Google Analytics 4, eftersom köp och intäkter kan räknas två gånger.
Händelser som skickas automatiskt
| Händelse | När Checkout Widget skickar den |
|---|---|
page_view | Ett steg i widgeten visas, inklusive skärmar för val, kassa, bekräftelse och fel |
select_item | En produkt, ett paket eller en produktvoucher väljs från produkt- eller evenemangslistan |
add_to_cart | En bokning eller ett paket läggs i varukorgen |
view_cart | Varukorgen visas |
begin_checkout | Steget för kunduppgifter visas |
add_payment_info | Betalningssteget visas – innan betalningsuppgifterna skickas in |
purchase | Betalningen lyckas eller en order där inget återstår att betala bekräftas |
Vilka steg som visas beror på bokningsprocessen. En kostnadsfri bokning kan till exempel hoppa över betalningsskärmen.
Vad händelserna innehåller
- Sidvisningar:
page_titleochpage_pathidentifierar widgetsteget, till exempeltier_selection,extras_selection,basketellerpayment.page_locationär URL:en till den sida på er webbplats som innehåller widgeten. - Produktval:
item_list_id,item_list_nameoch enitems-array identifierar den valda produkten eller det valda paketet. - Varukorgs- och kassahändelser:
currency, numerisktvalue,order_id,localeochitems. Artiklarna identifierar biljettyper, antal, styckepriser samt deras produkt eller paket. Vid val används produkt- eller paket-ID:n; vid efterföljande händelser används biljettyp-ID:n. - Köp: Innehåller även
transaction_id(orderreferensen).couponinkluderas ibegin_checkout,add_payment_infoochpurchasenär det finns tillgängligt. Analysdata innehåller ävenwidget_id.
Intäktstäckning: value är det totala värdet för de spårade biljetterna i produkt- och paketbokningar, inklusive produktvoucher. Det omfattar inte tillval, varor eller presentkortsköp, så GA4-intäkten kan skilja sig från orderns totala belopp.
Anpassad spårning
För anpassad spårning kan er webbutvecklare lyssna efter samma sju händelser på document med prefixet th:, till exempel th:purchase. Händelsedata finns i event.detail, och händelserna är fortfarande tillgängliga när den inbyggda Google Analytics-spårningen är avstängd.
Kontrollera konfigurationen
Genomför en testbokning på sidan där widgeten är inbäddad. Kontrollera GA4 Realtime eller DebugView; det kan ta 24–48 timmar innan standardrapporterna uppdateras. För Tag Manager kan ni använda Preview för att kontrollera att era GA4-taggar aktiveras och sedan publicera ändringarna.
Följ Så felsöker ni spårning med Google Analytics och Tag Manager för konsolloggning, händelser som saknas samt problem med samtycke eller annonsblockerare.