Deze pagina is afgedrukt op Apr 19, 2024. Ga voor de huidige versie naar https://help.shopify.com/nl/manual/promoting-marketing/pixels/custom-pixels/gtm-tutorial.
Deze pagina bevat instructies over hoe je Google Tag Manager (GTM) kunt gebruiken als een aangepaste pixel om je externe pixels te beheren.
Lees de volgende informatie goed door om er zeker van te zijn dat je begrijpt hoe je je pixel configureert met behulp van Google Tag Manager voordat je een aangepaste pixel aanmaakt:
Voor de veiligheid hebben tag managers die in onze sandbox zijn geladen, dezelfde beperkingen als alle andere pixels. Meer informatie over sandboxbeperkingen voor pixels.
Een aangepaste Google Tag Manager-pixel aanmaken
Stappen:
Open je Google Tag Manager-account en selecteer het account waarmee je een aangepaste pixel wilt instellen.
Klik op Beheerder en klik vervolgens op Google Tag Manager installeren om de installatiecode te openen.
Kopieer het codeblok dat in het kopgedeelte van een pagina hoort.
Verwijder de HTML-tags uit het codeblok. Bijvoorbeeld <script></script>.
Hieronder zie je een voorbeeld van het abonneren op de standaard 'product_viewed'-gebeurtenis, die aangeeft wanneer iemand een product bekijkt. Wanneer de gebeurtenis wordt geactiveerd, wordt de gebeurtenis naar de dataLayer gepusht.
In dit voorbeeld wordt de producttitel doorgegeven in de payload van de gebeurtenis. Met een Google Tag Manager-variabele leg je de producttitel van de gebeurtenispayload vast in de gekozen tag.
Voorbeeld van een aangepaste Google Tag Manager-pixel
Het onderstaande voorbeeld is een vereenvoudigde versie van een aangepaste Google Tag Manager-pixel die laat zien hoe je gegevens kunt verzenden naar Google Tag Manager. Als je meer gebeurtenissen naar de dataLayer wil pushen, kun je je abonneren op meer standaard- en aangepaste gebeurtenissen.
Google Tag Manager configureren om gebeurtenissen van je aangepaste pixel te accepteren
Nadat je je aangepaste pixel hebt aangemaakt, configureer je Google Tag Manager om gebeurtenissen van je aangepaste pixel te accepteren. Hiervoor heb je een tag, een trigger en dataLayer-variabelen in Google Tag Manager nodig.
Enkele voorbeelden van standaard klantgebeurtenissen en hun Google Tag Manager-equivalenten worden vermeld in de volgende tabel:
Lijst met standaard Shopify-klantgebeurtenissen en hun equivalenten in GTM
Parameters van een tag-gebeurtenis in GTM moeten overeenkomen met verwachte benamingsconventies, anders worden de dataLayer-gebeurtenissen van je aangepaste pixel niet verwerkt.
Hier volgen enkele voorbeelden van eigenschappen van dataLayer-gebeurtenissen van aangepaste pixels en de equivalente gebeurtenisparameters in Google Analytics 4 (GA4):
Lijst met enkele dataLayer-gebeurtenissen van aangepaste pixels volgens de benamingsconventie van GA4
dataLayer-gebeurtenissen van aangepaste pixels
Parameters van GA4-gebeurtenissen
event.data?.checkout?.currencyCode
valuta;
event.data?.checkout?.totalPrice?.amount
waarde
event.data?.checkout?.order?.id
transaction_id
event.data?.checkout?.discountAllocations
coupon
event.data?.checkout?.shippingLine?.price?.amount
verzending
event.data?.checkout?.totalTax
belasting
event.data?.checkout?.lineItems
artikelen
Hier is een voorbeeld met de volgende checkout_completed-gebeurtenis:
De Google Tag Manager-trigger is een aangepast gebeurtenistype met de naam checkout_completed. Zorg dat het veld Gebeurtenisnaam in de trigger overeenkomt met de gebeurtenissleutel in de aangepaste pixel.
orderId en valuta zijn de variabelen waarmee je in Google Tag Manager de gegevens van de gebeurtenis vastlegt. Je kunt deze toewijzen aan een dataLayer-variabele in Google Tag Manager. Voor elke gebeurtenisvariabele is een aparte dataLayer-variabele vereist. Stel de trigger in zodat deze wordt geactiveerd bij alle aangepaste gebeurtenissen.
Maak een tag aan die de trigger gebruikt die je net hebt gemaakt. Voeg onder gebeurtenisparameters de variabelen toe die je wil vastleggen. In het bovenstaande voorbeeld worden orderId, currency, price, shippingLine en totalTax als dataLayer-variabelen ingesteld. Elke keer dat de tag actief wordt, legt deze de dataLayer-variabelen met de gebeurtenis vast.
Houd er rekening mee dat de gegevensoverdracht alleen plaatsvindt als ten minste een tag en trigger zijn ingesteld in Google Tag Manager.
Oude dataLayer.push(event)-aanroepen vervangen door analytics.publish()
Als je eerder Google Tag Manager hebt ingesteld, vervang je je dataLayer.push-aanroepen door Shopify.analytics.publish()-aanroepen. Je kunt je dataLayer.push-aanroepen vinden in je theme.liquid-bestanden in de sectie Opmaak van de themabewerker.
Vervang ook de dataLayer.push-aanroepen in checkout.liquid. Maar omdat checkout.liquid niet compatibel is met Checkout Extensibility, moet je een UI-extensie gebruiken om gegevens naar webpixels te pushen.
Hieronder zie je een vereenvoudigd voorbeeld van een aangepaste e-mailaanmeldingsgebeurtenis die wordt gevolgd met behulp van dataLayer in theme.liquid-bestanden.
Het Shopify-equivalent ziet er als volgt uit, waardoor de gegevens in je aangepaste pixel worden gepusht.
Voeg vervolgens in je aangepaste pixelcode iets als dit toe.
Oude dataLayer.push(data) vervangen
Google Tag Manager heeft een functie waarmee je bij elke gebeurtenis een stateful dataLayer-object kunt pushen. Hoewel de pixel-sandbox van Shopify geen vergelijkbare functie heeft, kun je hetzelfde resultaat bereiken door je eigen dataobject aan te maken en dit door te geven in aangepaste gebeurtenissen.
Definieer bijvoorbeeld een 'customData'-object voordat een van je aangepaste gebeurtenissen wordt gepubliceerd.
Geef deze gegevens vervolgens door in je publicatiemethode wanneer je je aangepaste gegevens wilt opnemen.
Tips voor het instellen van Google Analytics 4
Gebruik de volgende tips voor het instellen van Google Analytics 4 (GA4) bij het gebruik van Google Tag Manager als een aangepaste pixel.
Nettere pagina-URL's
Wanneer GA4 wordt uitgevoerd in een sandbox, zie je mogelijk dat de pagina-URL's informatie bevatten over de sandbox waarin deze wordt uitgevoerd. Als je de sandbox-gegevens uit die URL's wilt verwijderen, kun je de automatische paginatracking van GA4 uitschakelen en in plaats daarvan je eigen gegevens implementeren door de standaardgebeurtenis page_viewed te gebruiken.
Nadat je je eigen gebeurtenis hebt gepubliceerd naar dataLayer, kun je een GA4-tag genaamd page_view aanmaken die wordt getriggerd bij de gebeurtenis page_viewed. Meestal kun je het tagtype Google Analytics: GA4-gebeurtenis gebruiken en de naam van de gebeurtenis instellen op page_view. Nadat je het tagtype en de gebeurtenisnaam hebt ingesteld, voeg je een parameter voor page_location toe en stel je de waarde in op dezelfde waarde die je in de dataLayer van de aangepaste pixel hebt doorgegeven.
Verbeterde afmetingen
Wanneer je GA4 in de pixelsandbox van Shopify laadt, is het nodig dat sommige gebeurtenissen die normaal gesproken automatisch worden afgeleid, handmatig worden ingesteld. Als onderdeel van de instelling voor verbeterde metingen van GA4, kunnen bijvoorbeeld uitgaande linkklikken om veiligheidsredenen niet automatisch worden geactiveerd bij het gebruik van aangepaste pixels. Maar je kunt wel zelf de verbeterde meetgebeurtenissen van GA4 als aangepaste gebeurtenissen implementeren.
De onderstaande code bevat een vereenvoudigd voorbeeld van het volgen van uitgaande linkklikken.
Maak ten slotte in GTM een GA4-tag aan die de linkklik naar GA4 stuurt, door ervoor te zorgen dat de naam van de gebeurtenis click is, zodat deze overeen komt met de verbeterde naamgeving voor evenementen van GA4.
Je kunt dezelfde tracking bereiken voor een van de verbeterde meetstatistieken van Google.
Klik op het extensiepictogram en daarna op Inschakelen.
Navigeer naar je site en trigger vervolgens de gebeurtenissen die je wilt testen.
Klik in de extensie op de tag Google Tag Manager. Normaal wordt in de sectie Gegevenslaag de payload van de getriggerde gebeurtenis weergegeven.
Alle andere tags die zijn geladen door Google Tag Manager worden ook vermeld in de extensie. Je kunt op deze tags klikken om de gegevens te bekijken die ernaartoe zijn verzonden.