> For the complete documentation index, see [llms.txt](https://docs.adpage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adpage.io/documentation/documentation-nl/website-integraties/woocommerce.md). # WooCommerce Hoe je server-side tagging instelt voor een WooCommerce-webshop *** ## Server-side tagging instellen voor WooCommerce In dit artikel wordt u door de volledige setup van server-side tagging op een WooCommerce-webshop geleid: het genereren van uw Google Tag Manager-templates, het importeren daarvan, het invullen van uw ID’s, het testen ervan en uiteindelijk het verwijderen van de oude trackingverbindingen binnen de WooCommerce-webshop. ### Voordat je begint Dit artikel sluit aan op waar **Aan de slag** is gebleven. Zorg ervoor dat alle stappen in het [AdPage-container instellen](/documentation/documentation-nl/aan-de-slag/adpage-container-instellen.md) artikel zijn gevolgd. Dat betekent dat: * [ ] Je **AdPage-container** is aangemaakt. * [ ] Je AdPage-container is **verbonden met je GTM-servercontainer**. * [ ] De **CNAME-record** is toegevoegd in je DNS-instellingen, zodat tagging op je eigen (sub)domein draait. * [ ] De **AdPage Magento-module** is geïnstalleerd in je winkel. {% hint style="warning" %} Als een van deze stappen nog openstaat, rond die dan eerst af. Alles hieronder gaat ervan uit dat uw servercontainer bereikbaar is op uw eigen domein en dat de AdPage Tagging-plugin gegevens naar de dataLayer pusht. {% endhint %} *** ### Stap 1: Genereer je templates in de Template Library U hoeft uw tags, triggers en variabelen niet handmatig te bouwen. De Template Library van AdPage genereert voor u een complete, geteste Google Tag Manager-setup voor WooCommerce. 1. Ga naar [data.adpage.io/template-library](https://data.adpage.io/template-library). 2. Selecteer de marketingplatforms waarnaar je gegevens wilt verzenden, bijvoorbeeld Google Ads, Meta Ads, TikTok Ads, LinkedIn Ads of Pinterest Ads. 3. Selecteer het Consent Management Platform dat u gebruikt op uw WooCommerce-webshop. 4. Genereer de templates. Je krijgt **twee JSON-bestanden**: één voor je GTM **web** container en één voor je GTM **server** container. 5. Download beide bestanden en houd ze bij de hand.
{% hint style="info" %} Selecteer alleen de platforms die je echt gebruikt. Elk platform dat je toevoegt, maakt extra tags en constante variabelen aan die je later moet invullen. {% endhint %} *** ### Stap 2: Importeer de template van de webcontainer 1. Open je **GTM-webcontainer**. 2. Ga naar **Beheerder** en klik op **Container importeren**. 3. Selecteer het **web** JSON-bestand dat je hebt gedownload. 4. Kies een werkruimte. * Als je niet-gepubliceerde wijzigingen hebt in je standaardwerkruimte, raden we aan te importeren in een **nieuwe werkruimte** zodat je import gescheiden blijft van ander werk dat nog in uitvoering is. 5. Kies de importoptie: * **Samenvoegen en conflicterende tags, triggers en variabelen hernoemen** voor een container die al een instelling bevat. Er wordt niets bestaande verwijderd. * **Overschrijven** alleen voor een gloednieuwe, lege container. 6. Controleer de voorbeeldweergave van de wijzigingen die GTM je laat zien en klik vervolgens op **Bevestigen**.
{% hint style="danger" %} Publiceer je GTM-webcontainer nog niet. De tags in de import missen nog steeds je ID's, die je bij stap 4 invult. {% endhint %} *** ### Stap 3: Importeer de template van de servercontainer Herhaal dezelfde stappen in je **GTM-servercontainer** met het **server** JSON-bestand. 1. Open je **GTM-servercontainer**. 2. Ga naar **Beheerder** en klik op **Container importeren**. 3. Selecteer het **server** JSON-bestand. 4. Importeer in een nieuwe werkruimte en kies **Samenvoegen en conflicterende tags, triggers en variabelen hernoemen**. 5. Controleer de voorbeeldweergave en klik op **Bevestigen**. 6. Ga naar **Clients** en controleer of er een extra GA4-client is ingesteld. Zo ja, verwijder de geïmporteerde GA4-client.
{% hint style="danger" %} Publiceer je GTM-servercontainer nog niet. De tags in de import missen nog steeds je ID's en tokens, die je bij stap 4 invult. {% endhint %} *** ### Stap 4: Vul de constante variabelen in Beide templates zijn opgebouwd rond **constante variabelen**. Alle ID's, tokens en instellingen staan op één plek, zodat je nooit afzonderlijke tags hoeft te openen om iets te wijzigen. 1. Ga in je GTM-webcontainer naar **Variabelen**. 2. Open elke constante variabele, die je kunt herkennen aan de "@" in de naam. Vul per variabele de juiste waarde in. Zie de onderstaande tabel om te weten welk ID of welke token je moet invullen. 3. Sla elke variabele op. 4. Ga in je GTM-servercontainer naar **Variabelen**. 5. Open elke constante variabele, die je kunt herkennen aan de "@" in de naam. Vul per variabele de juiste waarde in. Zie de onderstaande tabel om te weten welk ID of welke token je moet invullen. 6. Sla elke variabele op. Afhankelijk van de platforms die je hebt geselecteerd, vul je doorgaans in:
ContainerVariabeleWaarde
WebURL van de servercontainerHet taggingdomein uit je CNAME-record, bijvoorbeeld: https://tagging.domain.com
WebGA4 Meet-IDHet meet-ID van je GA4-property:
G-XXXXXXXXXX
WebMeta Pixel-IDJe Pixel-ID uit Meta Events Manager
WebTikTok Pixel-IDJe Pixel-ID uit TikTok Events Manager
WebPinterest Tag-IDJe Pinterest Tag-ID, te vinden in de Tag Manager van je Pinterest Ads-account
WebLinkedIn Partner-IDJe LinkedIn Partner-ID, te vinden in de Signals Manager van je LinkedIn Ads-account
WebCookiebot Domain Group-IDDe Domain Group-ID uit je Cookiebot-account
ServerGA4 Meet-IDHet meet-ID van je GA4-property:
G-XXXXXXXXXX
ServerMeta Pixel-IDJe Pixel-ID uit Meta Events Manager
ServerMeta API-tokenDe API-token van je pixel uit Meta Events Manager
ServerTikTok Pixel-IDJe Pixel-ID uit TikTok Events Manager
ServerTikTok API-tokenDe API-token van je pixel uit TikTok Events Manager
ServerGoogle Ads Conversie-IDJe Google Ads Conversie-ID:
AW-XXXXXXXXXX min AW- deel
ServerConversielabels van Google AdsNieuw aanmaken purchase, add_to_carten begin_checkout conversies in Google Ads. Zodra ze zijn ingesteld, kun je hun Conversielabels vinden.
ServerPinterest Adverteerders-IDHet adverteerders-ID uit je advertentieaccount. Dit ID begint meestal met 549.
ServerPinterest API-tokenDe API-token die je vindt in de instellingen voor de Conversions API van je Pinterest Business-account.
ServerLinkedIn API-tokenDe API-token die je kunt genereren in je LinkedIn Campaign Manager onder Sources.
ServerLinkedIn Conversie-ID'sNieuw aanmaken purchase, add_to_carten begin_checkout conversies in LinkedIn Ads. Zodra ze zijn ingesteld, kun je hun Conversie-ID's vinden in de URL van de conversie.
{% hint style="info" %} Laat een constante variabele nooit leeg. Een leeg ID betekent dat tags afgaan zonder bestemming, wat later verschijnt als ontbrekende conversies of mislukte uitgaande verzoeken. {% endhint %} *** ### Stap 5: Test in voorvertoningsmodus Je hebt zojuist containersjablonen geïmporteerd met volledige tracking voor GA4 en de marketingplatforms die je hebt geselecteerd. Dat betekent dat alles wat je nodig hebt nu aanwezig is in je GTM-containers, en alles wat daar al stond voor hetzelfde doel is een duplicaat. #### **Schakel eerst je oude tags uit** Loop door de tags in je webcontainer en pauzeer of verwijder elke tag die iets meet wat je nieuwe instelling nu afhandelt. In de praktijk is dit je oude GA4-configuratietag, alle GA4-eventtags voor e-commerce-stappen zoals `add_to_cart` en `purchase`, je Meta Pixel-tags, je Google Ads remarketingtags en alle aangepaste HTML-tags die gegevens rechtstreeks naar een platform verzenden. Als je niet zeker weet of je later nog een oude tag nodig hebt, pauzeer die dan in plaats van hem te verwijderen. Je kunt hem later altijd verwijderen zodra de nieuwe inrichting zich heeft bewezen. Oude triggers en variabelen kunnen blijven staan; die doen op zichzelf niets. Sla dit over en de voorvertoningsmodus toont van alles twee, en na publicatie worden je conversies twee keer geteld. #### Test beide containers 1. Open de **Voorvertoningsmodus** in je GTM-webcontainer en vul de URL van je webshop in. 2. Open de **Voorvertoningsmodus** ook in je GTM-servercontainer, zodat je dezelfde hits kunt volgen die server-side binnenkomen. 3. Doorloop de volledige customer journey en controleer of elke stap één keer afgaat, met de juiste e-commerceparameters: * `page_view` * `view_item_list` * `view_item` * `add_to_cart` * `view_cart` * `remove_from_cart` * `begin_checkout` * `add_shipping_info` * `add_payment_info` * `purchase` 4. Controleer voor elk evenement in de **server** container of het GA4-eventverzoek binnenkomt en of je platformtags afgaan en een succesvolle reactie teruggeven. *** ### Stap 6: Opruimen en publiceren Zorg er vóór publicatie voor dat uw WooCommerce-site niet langer de tracking scripts laadt die nu via uw servercontainer lopen. Als u Meta Ads hebt ingesteld via server-side tagging, moet de basiscode van de Meta Pixel weg. Hetzelfde geldt voor een gtag.js-snippet voor GA4 of Google Ads, een TikTok-pixel, een Pinterest-tag of een andere pixel die nu vanuit de servercontainer wordt afgevuurd. Controleer uw themabestanden, de functions.php van uw child theme, eventuele scriptvelden in de header of footer en de plugins die u gebruikt, omdat pixels vaak worden geïnjecteerd door een marketing- of conversieplugin in plaats van handmatig. Verwijder ook de standaard GTM-snippet als die nog ergens aanwezig is. De AdPage-plugin laadt zelf de verbinding met de GTM-webcontainer, dus een tweede snippet zorgt voor problemen met het laden van scripts. Als dat klaar is, publiceert u uw web- en servercontainer. Gebruik een versienaam en beschrijving die u later zult herkennen, bijvoorbeeld "AdPage server-side tagging", zodat u kunt teruggaan naar de vorige versie als blijkt dat er iets mis is. Sluit af met een testbestelling op uw live site en controleer in de AdPage-interface en het GA4-realtime rapport of de gebeurtenissen binnenkomen en de conversies één keer worden geregistreerd. Elke verbinding die WooCommerce nog rechtstreeks met een advertentieplatform onderhoudt, zal dezelfde gebeurtenis een tweede keer verzenden, wat leidt tot dubbele conversies en opgeblazen omzet in uw rapporten. *** ### Hulp nodig? Zie je na het volgen van deze stappen nog steeds ontbrekende gebeurtenissen, dubbele conversies of niet-toegewezen verkeer? Neem contact op met ons supportteam en we kijken samen met je mee. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.adpage.io/documentation/documentation-nl/website-integraties/woocommerce.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.