> 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/aan-de-slag/de-voorbeeldmodus-van-gtm-gebruiken.md).

# De voorbeeldmodus van GTM gebruiken

Hoe je de voorbeeldmodus van Google Tag Manager in de web- en servercontainer gebruikt om te debuggen en te testen

De Preview-modus van Google Tag Manager is een waardevolle tool waarmee je tags en triggers kunt testen voordat je je wijzigingen publiceert. Maar hij is ook nodig om je trackingopzet te debuggen. Laten we eens kijken wanneer en hoe je hem gebruikt.

### Wat is de preview-modus van GTM?

De preview-modus (ook wel preview- en debugmodus genoemd) in Google Tag Manager is een ingebouwde functie waarmee je tags, triggers en variabelen in realtime kunt testen op je website of in je servercontainer. Je gebruikt deze modus voordat je je wijzigingen publiceert, maar ook om te debuggen in een testomgeving, zodat echte bezoekers niets merken.

Bij een server-side taggingopzet werk je met twee containers in Google Tag Manager: een webcontainer en een servercontainer. Beide containers hebben hun eigen preview-modus en werken elk net iets anders. In dit artikel leggen we uit wanneer en hoe je de preview-modus van de GTM-webcontainer gebruikt, en wanneer en hoe je de preview-modus van de GTM-servercontainer gebruikt.

Laten we beginnen met de webcontainer.

{% stepper %}
{% step %}

#### Preview-modus van de webcontainer

Er zijn drie belangrijke momenten waarop je de preview-modus in de Google Tag Manager-webcontainer gebruikt:

* Na het instellen van nieuwe tags en triggers.
* Om te controleren of je bestaande tags en triggers nog steeds correct afgaan.
* Na het aanbrengen van wijzigingen op je website.

#### 1. Nieuwe tags en triggers maken

Nadat je nieuwe tags en triggers hebt ingesteld, is het essentieel om de preview-modus te gebruiken voordat je je container publiceert. Om ze te testen, klik je op 'Preview' rechtsboven in de container waarin je werkt. In de pop-up van het previewvenster voer je de URL in van de website die aan deze container is gekoppeld. Je site opent nu in een nieuw tabblad in een testomgeving.

Stel dat je een tag en trigger hebt ingesteld voor een specifieke knop op een bepaalde pagina van je site. Navigeer in de testomgeving naar die pagina en voer de actie uit, bijvoorbeeld op de knop klikken. In het previewtabblad kun je vervolgens zien welke tags zijn afgevuurd en welke niet. Je kunt dit ook per pagina en per site-interactie bekijken in het verticale menu links.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FEz4x8RVzjTaRGzwqhmKV%2Fimage.png?alt=media&amp;token=918a6c28-9641-4dc6-9bdb-2de688ea2d7f" alt=""><figcaption></figcaption></figure>

#### 2. Controleren of je bestaande tags en triggers nog afgaan

Als je merkt dat bepaalde gebeurtenissen niet of niet correct binnenkomen in platforms zoals Meta Ads of Google Analytics, is het eerste wat je moet controleren of de tags en triggers in Google Tag Manager nog correct afgaan.&#x20;

Begin met de actie uit te voeren die ervoor zou moeten zorgen dat de tag afgaat. Selecteer die sessiegebeurtenis in het verticale menu links. Selecteer in de lijst met tags die niet zijn afgevuurd (Tags not fired) de tag die had moeten afgaan. Onder **Vuurtriggers** zie je vervolgens een overzicht dat uitlegt waarom die tag niet is afgevuurd.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2F0XmHsriTwHsbKESyMHgO%2Fimage.png?alt=media&amp;token=44b61a90-c8ab-4e3d-8d15-29b21d94093c" alt=""><figcaption></figcaption></figure>

#### 3. Wijzigingen aan je site

Wanneer je wijzigingen op je site aanbrengt, zoals het aanpassen van URL's, het bijwerken van knop- en linkteksten of het aanpassen van de checkoutflow, is het belangrijk om ervoor te zorgen dat die wijzigingen je metingen niet verstoren. Als je je site opent in de preview-modus, kun je al je wijzigingen doorlopen en de relevante gebeurtenissen uitvoeren. Met de preview-modus houd je bij welke tags wel en niet afgaan.

#### Problemen oplossen met tags die niet zijn afgevuurd

Als tags die hadden moeten afgaan niet zijn afgevuurd, klik dan in het verticale menu links op de gebeurtenis waarbij je verwachtte dat de tag zou afgaan. Selecteer de gebeurtenis en klik vervolgens op de tag die niet is afgevuurd om te zien wat er mis is met de trigger. In die tag kun je achterhalen waarom de trigger niet werkte in de **Vuurtriggers** sectie en op basis van die informatie wijzigingen aanbrengen.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FcFdFswuFLkMBIqpKdidE%2Fimage.png?alt=media&amp;token=782fe899-0680-4740-862e-bbd755713226" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Preview-modus van de servercontainer

Er zijn twee belangrijke momenten waarop je de preview-modus in de Google Tag Manager-servercontainer gebruikt:

* Wanneer je nieuwe server-side tags en triggers maakt.
* Wanneer je wijzigingen aanbrengt in je server-side taggingopzet, of wanneer de inkomende verzoeken vanuit je webcontainer veranderen.

#### 1. Nieuwe tags en triggers testen

De preview-modus in de servercontainer werkt anders dan die in de webcontainer, omdat hij wacht op inkomende gebeurtenissen van je website in plaats van dat je rechtstreeks door je site klikt. Wanneer je de preview-modus opent, opent je website niet automatisch. Je ziet pas een overzicht van inkomende verzoeken in de previewmodus-interface zodra je gebeurtenissen naar de URL van de servercontainer gaat verzenden terwijl je de website in dezelfde browser hebt geopend.

Een vereiste voor het gebruik van de preview-modus van de GTM-servercontainer is dus dat je de nodige configuratie-instellingen voor de Google-tag hebt gemaakt in je GTM-webcontainer.

In het overzicht links zie je de inkomende verzoeken in chronologische volgorde, waarbij de GA4-client ze omzet in een leesbare gebeurtenis. In het overzicht rechts zie je de tags die worden geactiveerd wanneer de gebeurtenis binnenkomt.&#x20;

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FxjSBxLOJINc8Lg2NdNrF%2Fimage%20(50).png?alt=media&amp;token=032271a4-328d-4e73-bbb5-dfc9b1d1bab2" alt=""><figcaption></figcaption></figure>

#### 2. Wijzigingen aan je webcontainer testen

Wanneer je wijzigingen aanbrengt in de GTM-webcontainer en wilt weten of dit invloed heeft op je tags in de GTM-servercontainer, kun je dit ook in de preview-modus controleren. Wanneer er een gebeurtenis binnenkomt, verwacht je dat specifieke tags worden geactiveerd of dat specifieke parameters naar je marketingplatforms worden verzonden. Als dat niet gebeurt, weet je dat er iets verkeerd is ingesteld in de GTM-webcontainer of in de servercontainer.

Als je wijzigingen aanbrengt in de parameters van een gebeurtenistag, kun je deze eenvoudig bekijken in het tabblad Event Data van het inkomende verzoek. Het tabblad Event Data laat zien welke client het inkomende verzoek heeft verwerkt en met welke gebeurtenisgegevens je kunt werken in je servertags, triggers en variabelen.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2Fw8TdQJC33TSFl5WEye3v%2Fimage.png?alt=media&amp;token=ece15494-4472-4094-b104-f0816e8e098e" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

### Komen er geen verzoeken binnen in de preview-modus van je GTM-servercontainer?

Als je je server-side taggingopzet test en er verschijnen geen gebeurtenisverzoeken in de preview-modus van de servercontainer? Geen zorgen. We leggen stap voor stap de meest voorkomende oorzaken uit, zodat je snel weer verder kunt testen.

{% stepper %}
{% step %}

#### Controleer de basis

Controleer voordat je dieper graaft of je servercontainer actief is en reageert.

* **Gezondheidscontrole:** open een nieuw tabblad, ga naar de URL van je servercontainer en voeg `/healthy` eraan toe. Je zou `ok`.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FiMw3coNsBq74Hwx1CszA%2Fimage.png?alt=media&amp;token=7b89344d-2329-44c5-b62b-56be4d71d0ce" alt=""><figcaption></figcaption></figure>

* **Test-endpoint:** open een nieuw tabblad, ga naar de URL van je servercontainer en voeg `/test`. Er wordt een `400` fout verwacht en dat is prima. Het belangrijkste is dat je ziet dat dit verzoek binnenkomt in je preview-modus. Als dat zo is, werken je container en previewsessie.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2F4h6bqxNc8OzLLSJd4v39%2Fimage.png?alt=media&amp;token=3eebbdfe-975e-4848-9a19-c9c95c21cdc1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Controleer de URL van de servercontainer

Het gebruik van de verkeerde URL van de servercontainer in je Google-tag is een van de meest voorkomende oorzaken. Zorg ervoor dat de URL van de servercontainer in je Google-tagconfiguratie (in je GTM-webcontainer) exact overeenkomt met de URL waarop je de sGTM-preview uitvoert. Controleer goed op typefouten, een ontbrekend subdomein of `http` in plaats van `https`.
{% endstep %}

{% step %}

#### Controleer of je Google-tagconfiguratie wordt overschreven

Een andere veelvoorkomende oorzaak is een tweede bron op de website die je Google-tagconfiguratie overschrijft, meestal een hardcoded gtag.js-script.

**Hoe je dit controleert:**

1. Open de **Netwerk** tabblad in de ontwikkelaarstools van je browser.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FZRB3XReVlPcd6gXnqM01%2Fimage.png?alt=media&amp;token=45bde7f2-d593-4b55-aba8-001903fd462c" alt=""><figcaption></figcaption></figure>

2. Schakel **Logboek behouden** in, zodat gebeurtenissen bewaard blijven wanneer de pagina verandert.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2Fvcu613SHxIVCAZlizATz%2Fimage.png?alt=media&amp;token=6a828b0b-9d2d-43e4-9af8-39221262de5e" alt=""><figcaption></figcaption></figure>

3. Filter op je GA4-metings-ID.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FxIlpGqfi9nDHtXZ6W7Ej%2Fimage.png?alt=media&amp;token=23da506b-4ae2-4225-b117-48b59bf55d68" alt=""><figcaption></figcaption></figure>

4. Kijk waar de verzoeken naartoe gaan. Als ze naar `googletagmanager.com` of `region1.google-analytics.com` gaan in plaats van naar je servercontainer-URL, wordt je Google-tagconfiguratie in de GTM-webcontainer overschreven door een gtag.js-script op de website.

<figure><img src="https://2136026570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA65KwL1NwewlJbtCXsXd%2Fuploads%2FFibfEEsWJhoMHjPzq7kv%2Fimage.png?alt=media&amp;token=3965d0eb-7005-4069-aa39-7561993360ee" alt=""><figcaption></figcaption></figure>

**Mogelijke oorzaken:**

* Een gtag.js-script in de broncode van de website.
* Meerdere Google-tags die dezelfde meet-ID gebruiken.
* Het standaard Google Tag Manager-script dat naast het tagging pixel-script draait.
  {% endstep %}

{% step %}

#### Nog steeds niets?

Een paar minder voor de hand liggende dingen die het waard zijn om te controleren:

* **Zelfde browser, dezelfde sessie.** De preview-modus legt alleen verkeer vast van de browsersessie die vanuit het previewvenster is gestart. De site openen in een andere browser, een ander profiel of in incognito verbreekt die koppeling. Gebruik het previewvenster zelf, of het tabblad 'Verzoeken verzenden naar...' dat het opent.
* **Advertentieblokkers en privacy-extensies.** Deze kunnen verzoeken blokkeren nog voordat ze de browser verlaten. Test met uitgeschakelde extensies of in een schoon profiel.
* **Toestemmingsstatus.** Als Consent Mode actief is, kunnen tags wachten op toestemming en simpelweg nooit afgaan. Accepteer toestemming op de pagina en controleer opnieuw.
* **Preview van de webcontainer.** Controleer of de tag überhaupt afgaat in de preview van de webcontainer. Als de tag daar niet afgaat, zit het probleem in de webcontainer en niet aan serverzijde.
  {% endstep %}
  {% endstepper %}


---

# 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/aan-de-slag/de-voorbeeldmodus-van-gtm-gebruiken.md?ask=<question>&goal=<endgoal>
```

`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.