Beperkingen nieuwe checkout Lightspeed C-series

Bewerkt

Samenvatting

De nieuwe checkout van Lightspeed C-series draait volledig in een cross-origin iframe. Dit betekent dat client-side tracking van checkout events niet mogelijk is. We raden aan om de oude checkout te blijven gebruiken voor optimale tracking mogelijkheden.

⚠️ Belangrijk
Omdat de nieuwe checkout vast zit in een iframe, hebben we helaas geen mogelijkheden voor maatwerk en verdere aanpassingen. De oude checkout biedt wel de flexibiliteit die nodig is voor volledige GA4 en marketing tracking.


Wat is het probleem?

Lightspeed heeft een nieuwe checkout geïntroduceerd die volledig in een cross-origin iframe draait. Door browser security restrictions is het niet mogelijk om:

  • Form data uit te lezen van de checkout

  • Checkout events te tracken (zoals begin_checkout, add_shipping_info, add_payment_info)

  • Purchase events client-side te meten

  • Custom scripts toe te voegen aan de checkout

Dit betekent dat de volgende GA4 eCommerce events niet gemeten kunnen worden via de nieuwe checkout:

Event

Status

begin_checkout

❌ Niet beschikbaar

add_shipping_info

❌ Niet beschikbaar

add_payment_info

❌ Niet beschikbaar

purchase

⚠️ Alleen via webhook mogelijk


Technische achtergrond

De nieuwe Lightspeed checkout laadt in een iframe vanaf een ander domein (checkout-app.svc.webshopapp.com). Door de Same-Origin Policy van browsers is het niet toegestaan om:

  1. JavaScript uit te voeren in een cross-origin iframe

  2. DOM elementen uit te lezen van een cross-origin iframe

  3. Network requests te onderscheppen die vanuit de iframe worden gedaan

Onderzochte oplossingen

We hebben verschillende technische oplossingen onderzocht:

Oplossing

Resultaat

Fetch/XMLHttpRequest intercepten

❌ Requests gebeuren binnen iframe context

GraphQL requests replayen

❌ Geblokkeerd door CORS

postMessage API gebruiken

❌ Alleen beschikbaar met native GA4 integratie

Native GA4 script verwijderen

❌ Te fragiel voor productie


Onze aanbeveling

Gebruik de oude checkout van Lightspeed. Deze biedt volledige flexibiliteit voor:

  • Custom DataLayer implementatie

  • Alle eCommerce events tracking

  • Server-Side Tagging integratie

  • Maatwerk aanpassingen

Oude checkout inschakelen

  1. Log in op je Lightspeed eCom backoffice

  2. Ga naar InstellingenCheckout

  3. Schakel de optie "Nieuwe checkout gebruiken" uit

  4. Sla de wijzigingen op


Wat als de nieuwe checkout vereist is?

Als je om bepaalde redenen de nieuwe checkout moet gebruiken, zijn er beperkte alternatieven:

Purchase tracking via Webhooks

Het purchase event kan nog steeds server-side gemeten worden via Lightspeed webhooks. Zie hiervoor ons artikel: Webhooks instellen voor Lightspeed

Beperkingen webhooks

Let op: via webhooks mis je de volgende data:

  • Tussentijdse checkout stappen (begin_checkout, add_shipping_info)

  • Client ID en Session ID koppeling (minder nauwkeurige attributie)

  • Real-time event tracking


Veelgestelde vragen

Waarom werkt Shopify's checkout wel met iframes?

Shopify heeft een speciale Customer Events API gebouwd waarmee je via analytics.subscribe() events kunt ontvangen vanuit hun checkout iframe. Lightspeed heeft deze functionaliteit (nog) niet geïmplementeerd voor externe tracking oplossingen.

Komt er een oplossing van Lightspeed?

We hebben contact gehad met Lightspeed over dit probleem. Op dit moment is er geen concrete planning voor een oplossing die vergelijkbaar is met Shopify's Customer Events. We houden dit nauwlettend in de gaten en zullen dit artikel updaten zodra er ontwikkelingen zijn.

Kan ik de native GA4 integratie van Lightspeed gebruiken?

Lightspeed biedt een native GA4 integratie aan die wel werkt met de nieuwe checkout. Echter, dit conflicteert met een custom GTM implementatie en Server-Side Tagging setup. Je krijgt dan dubbele scripts en dubbele data. We raden dit daarom af in combinatie met AdPage SST.

Werkt de AdPage DataLayer nog met de oude checkout?

Ja! De AdPage DataLayer V1 en V2 voor Lightspeed C-series werken volledig met de oude checkout. Alle eCommerce events worden correct gemeten.

Was dit artikel nuttig?

Onze excuses! Zou je ons meer willen vertellen?

Bedankt voor de feedback!

Er is een probleem opgetreden bij het verzenden van uw feedback
Controleer uw verbinding en probeer het opnieuw.