Debuggen van de Shopify checkout
De nieuwe checkout van Shopify zorgt ervoor dat de checkout ingeladen wordt via een iframe. Dat houdt in dat jij niet direct in de client kan debuggen. Je GTM web container preview mode en je dataLayer checker extensie zullen niet werken om de stappen vanaf 'begin_checkout' tot en met 'purchase' te testen.
Om dit wel te kunnen testen in de GTM web container preview mode, heb je deze extensie nodig: https://chromewebstore.google.com/detail/datalayer-checker-plus/blglfmihmnbhfgfbomofeljmididgfhe
Naast dat je deze extensie kan gebruiken om de dataLayer van een website te checken, heeft deze extensie ook nog 2 extra opties achter het tandwiel-pictogram:
Die eerste optie zet je aan om de dataLayer te checken binnen deze extensie, en als je die 2e optie aanzet kan je het standaard <head> script van de GTM web container injecteren. Als je dat <head> script injecteert via deze extensie zal je in je GTM web container én je GTM server container weer de gehele checkout kunnen debuggen.
Belangijk! Als je deze extensie gebruikt moet je daarna niet vergeten om deze 2 opties wel weer uit te zetten, anders wordt die <head> code op alles pagina's die je bezoekt geïnjecteerd.