In dit artikel leggen we uit hoe je een eigen domein instelt binnen de servercontainer van Google Tag Manager. Het belangrijkste voordeel van een eigen domein voor sGTM is dat het de levensduur van cookies verlengt door first-party cookies te plaatsen in plaats van third-party cookies.
Het belangrijkste voordeel van server-side tagging is het instellen van first-party cookies, maar dit is niet standaard ingeschakeld. Om hiervan gebruik te maken, moet je een eigen domein implementeren in je GTM-servercontainer.
Aangezien Chrome de laatste browser is die third-party cookies ondersteunt en deze begin 2025 zal afschaffen, is dit het moment om over te stappen op first-party cookies.
⚠️UPDATE: Google heeft aangekondigd dat het zijn plannen om third-party cookies uit te faseren niet langer doorzet. In plaats daarvan komt er een nieuwe oplossing: een eenmalige prompt waarmee gebruikers hun voorkeuren kunnen instellen. Deze instellingen gelden voor alle browse-ervaringen binnen Google.
De stabiliteit en levensduur van cookies die via sGTM worden geplaatst, hangen af van hoe het aangepaste domein is ingesteld. Binnen sGTM zijn er drie manieren om een aangepast domein te configureren.
Je kunt een aangepaste tagging server-URL gebruiken om first-party cookies in te stellen. Deze aangepaste URL of het aangepaste domein moet hetzelfde hoofddomein delen als je website. Bijvoorbeeld: als jouw website example.com is, dan moet de tagging server-URL eruitzien als ss.example.com.
Allereerst moet je de Google Tag Manager-servercontainer aanmaken en instellen. Als je nog geen servercontainer hebt, volg dan deze instructie.
We laten twee manieren zien om een aangepast domein te koppelen aan de server Google Tag Manager-container:
1. Log in op je Stape-account, kies een container, scroll naar beneden en klik op Aangepast domein toevoegen.
2. Er zijn twee manieren om een aangepast domein toe te voegen:
De makkelijkste manier om domeinen te koppelen. Log in met je DNS-providergegevens via Entri en geef ons eenmalige toestemming om je domein te koppelen. Bekijk de volledige lijst met ondersteunde DNS-providers via Entri.
Nadat je een aangepast domein aan je container hebt toegevoegd, zie je DNS-records die je moet aanmaken om het aangepaste domein te verifiëren. De DNS-records zijn afhankelijk van de serverlocatie en de gekozen CDN-optie.
Je moet één CNAME-record aanmaken als je geen gebruik maakt van Global CDN.
Je moet twee CNAME-records aanmaken als je gebruik maakt van Global CDN.
Hieronder vind je een stapsgewijze uitleg over hoe je records aanmaakt met Cloudflare.
1. Log in bij je domeinnaamprovider en maak een nieuw DNS-record aan voor het subdomein dat je wilt gebruiken. Klik hiervoor op de drie puntjes en kies “Configure DNS” naast je domeinnaam op de startpagina van je account.
Klik op “Add record”.
Als je Global CDN gebruikt, stel dan een extra CNAME-record in.
2. Zodra je aangepaste domein is geverifieerd, zie je de status "ready" onder de tagging server URL in de Stape-admin. Als er problemen zijn met het verifiëren van een aangepast domein, volg dan deze handleiding voor het oplossen van problemen met een aangepast domein.
3. Ga naar je Google Tag Manager Server-container → Admin → Containerinstellingen → wijzig de tagging server URL naar jouw subdomein.
Als je jouw aangepaste subdomein wilt verifiëren met behulp van A- en AAAA-records, kun je dat doen door na het toevoegen van het subdomein aan de container op Geavanceerde instellingen te klikken en het vakje “Gebruik A-records in plaats van CNAME-records” aan te vinken.
1. Open je sGTM-container op Stape, scrol omlaag naar “Domeinen” en klik op Aangepast domein toevoegen.
2. Vul een aangepast domein in. Klik op Geavanceerde instellingen nadat je het aangepaste subdomein aan de container hebt toegevoegd en vink het vakje “Gebruik A-records in plaats van CNAME-records” aan.
3. De DNS-records die je moet configureren verschillen per serverlocatie. Je ziet de DNS-records die je moet toevoegen in je stape.io-container.
4. Log in op je DNS-account en voeg de records toe die je in je Stape.io-account ziet. Hieronder staat een voorbeeld van DNS-configuratie voor Cloudflare. Klik op de startpagina van je account naast je domeinnaam op de drie puntjes en kies “DNS configureren”.
Klik op “Add record”.
Maak vervolgens de records aan die je ziet in je Stape.io-account. Zorg ervoor dat de proxy is uitgeschakeld.
Meestal duurt het 2 tot 3 uur om het aangepaste domein te verifiëren. Bij sommige DNS-providers kan het verifiëren van records tot 72 uur duren. We sturen je een e-mail zodra het aangepaste domein is geverifieerd of er een fout wordt gedetecteerd. Als er een fout optreedt bij de verificatie, volg dan deze instructie over hoe je de verificatie van het aangepaste domein kunt controleren.
5. Zodra het aangepaste domein is geverifieerd, ga je terug naar de Google Tag Manager-servercontainer → Kies je servercontainer → Admin → Containerinstellingen → plak tagging server-URL.
Als je een aangepast domein gebruikt, wordt het sterk aanbevolen om het Web GTM-script op je website bij te werken. Met deze aanpassing wordt gtm.js vanaf jouw domein geladen. Vervang hiervoor het standaarddomein googletagmanager.com door het aangepaste domein dat je in de vorige stap hebt ingesteld.
Een nog betere oplossing is het gebruik van een Custom Loader power-up.
De vereisten om een same origin custom domein te configureren:
We laten je twee voorbeelden zien van het configureren van een same origin custom domein voor sGTM met Cloudflare of nginx.
| Als je Shopify gebruikt, houd er dan rekening mee dat het platform geen same-origin-verzoeken ondersteunt. Shopify biedt geen mogelijkheid om websiteverkeer via Cloudflare te proxy’en, dus onderstaande methode werkt niet. Overweeg in plaats daarvan om Cookie Keeper voor Shopify in te stellen om de levensduur van cookies te verlengen. |
Om deze optie te laten werken, moet al het verkeer van je site via Cloudflare worden geproxied. Dankzij de functionaliteit van Cloudflare Workers kun je dan ook sGTM-verzoeken proxy’en.
Houd er rekening mee dat je CDN voor sommige tags geen caching of sorteren van querystrings mag toepassen. Bijvoorbeeld, Cloudflare’s “Query String Sort” zoals beschreven in hun documentatie, of URL-normalisatie, zal interfereren met de sendPixelFromBrowser-API die door sommige server-side tags wordt gebruikt.
a. Maak een worker aan in Cloudflare.
b. Voeg een werknaam toe.
c. Maak een JavaScript aan die lijkt op het onderstaande voorbeeld, waarbij:
/metrics/ – het pad is dat je kiest voor je servercontainer
https://sgtm.stape.video/ - je tagging server URL is. Er zijn twee scenario’s:
export default {
async fetch(request, env, ctx) {
let {pathname, search, host} = new URL(request.url);
pathname = pathname.replace('/metrics/', '/');
const domain = 'sgtm.stape.video';
let newRequest = new Request((`https://` + domain + pathname + search), request);
newRequest.headers.set('Host', domain);
return fetch(newRequest);
},
};
d. Ga naar de Workers Route en maak een nieuwe Route aan. Voeg de URL toe die je gebruikt voor server GTM en eindig met een sterretje (). In mijn geval is dat stape.video/metrics en selecteer de worker die je in de vorige stappen hebt aangemaakt.
Voeg toe aan je serverconfiguratie, waarbij:
/metrics – het pad is dat je hebt gekozen voor server-GTM
https://gtm.mysimple.name - de custom domeinnaam is van je sGTM.
location = /metrics { return 302 /metrics/; }
location ~ ^/metrics(.*) {
resolver 8.8.8.8 valid=3600s;
proxy_pass https://gtm.mysimple.name$1$is_args$args;
proxy_set_header Host gtm.mysimple.name;
proxy_set_header X-From-Cdn "cf-stape";
proxy_set_header CF-Connecting-Ip $remote_addr; #If you do not use Cloudflare for your domain
#proxy_set_header CF-Connecting-Ip $http_cf_connecting_ip; #If you use Cloudflare for your domain
}Zodra de same-origin-instelling is voltooid via een van beide opties, raden we ook aan om de Custom Loader bij te werken voor bescherming tegen adblockers en deze op je site te implementeren.
Vergeet niet om hierin je same-origin-pad op te geven.
Je vindt een beschrijving van de Custom Loader power-up hier: https://help.stape.io/hc/en-us/articles/6080917962397-Set-up-Custom-Loader-power-up
Het toevoegen van een custom domain aan een Google Tag Manager (GTM) servercontainer kan een groot verschil maken in de effectiviteit en flexibiliteit van je server-side tracking. In dit artikel hebben we twee methoden voor het instellen van een custom domain besproken.
De same-origin benadering biedt extra beveiliging en eenvoudiger cookiebeheer, ideaal voor enkelvoudige en gerichte domeinen. Een subdomeinconfiguratie biedt meer flexibiliteit en prestatieoptimalisatie, geschikt voor complexe of meervoudige domeinstructuren. Beide opties hebben hun voor- en nadelen op het gebied van complexiteit, prestaties en beheer. Denk goed na over je technische vereisten, beveiligingsbehoeften en trackingdoelen om de juiste configuratie voor jouw server-side tracking te kiezen.
Heb je vragen? Bezoek dan onze helpdesk of dien een ticket in. Ons team van experts helpt je graag met alles wat te maken heeft met de hosting en server-side tracking van Stape.
Opmerkingen