Google Tag Manager toevoegen aan uw website (installatie) | We.Inc
Installeer Google Tag Manager zoals Google het documenteert: head- en body-snippets, een GA4 Google-tag, Voorbeeldmodus en tracking in single-page apps. Snippetbouwer voor uw GTM-ID.
Maak een container aan in Tag Manager om een ID te krijgen zoals GTM-ABCD123. Plak het eerste fragment van Google zo hoog mogelijk in de <head> en het tweede, een noscript-iframe, direct na de openingstag <body> op elke pagina. Voeg daarna tags toe, zoals uw Google Analytics-tag, in Tag Manager en publiceer.
Installatie in één oogopslag
Stap
Waar
Wat u doet
1. Een container maken
Kies Web als platform en noteer het GTM-ID
2. De snippets installeren
De HTML of thema-instellingen van uw site
Head-snippet hoog in <head>, noscript-snippet direct na <body>
3. Een tag toevoegen
Tag Manager-werkruimte
Voor Analytics: tagtype Google-tag met uw G-ID
4. Testen
Knop Voorbeeld
Tag Assistant maakt verbinding met uw site en toont welke tags zijn geactiveerd
5. Publiceren
Verzenden in de werkruimte
Er gaat niets live op uw site tot u publiceert
Google Tag Manager is een gratis container voor trackingcodes. In plaats van het script van elke tool in uw site te plakken, installeert u één keer één container en voegt u daarna tags (kleine scripts voor analytics, advertenties en vergelijkbare tools) toe, wijzigt of verwijdert u ze vanaf de website van Tag Manager. Typ uw container-ID in de bouwer om beide snippets klaar te krijgen om te plakken.
Vul uw container-ID in. De bouwer controleert of het eruitziet als GTM- gevolgd door letters en cijfers.
Kopieer de head-snippet naar de <head> van elke pagina, zo hoog als u kunt.
Kopieer de body-snippet naar de regel direct na de openingstag <body>.
Open Tag Manager, klik op Voorbeeld, vul het adres van uw site in en controleer of Tag Assistant Verbonden aangeeft.
Installeer één container per site. De gids van Google over de datalaag waarschuwt dat meer dan één datalaag per pagina tags verkeerd laat activeren.
Als een pagina gegevens voor tags instelt, zet dan window.dataLayer = window.dataLayer || []; en uw push-aanroepen boven de container-snippet.
Verwijder Analytics-code die u rechtstreeks hebt geplakt voordat u dezelfde tag in Tag Manager toevoegt, anders wordt elk bezoek dubbel geteld.
Veel websitebouwers hebben een veld voor een GTM-ID. Gebruik dat als het er is, en plak niets met de hand.
Veelgestelde vragen
Waar komt de code van Google Tag Manager precies?
De installatiehulp van Google zegt dat u het eerste blok zo hoog mogelijk in de <head>-tag plakt en het tweede blok direct na de openingstag <body>, op elke pagina van de site.
Heb ik het noscript-deel nog nodig?
Google neemt het op in de installatiecode. Het is een iframe in een noscript-element, dat browsers alleen gebruiken als JavaScript is uitgeschakeld. Plak het precies zoals Google het u geeft.
Hoe voeg ik Google Analytics 4 toe via Tag Manager?
Voeg in Tag Manager een nieuwe tag toe, kies Google-tag als type en vul uw tag-ID in dat met G- begint. Kies een initialisatietrigger, sla op, test in Voorbeeld en publiceer daarna.
Waarom volgt Tag Manager paginawisselingen in mijn single-page app niet?
Apps die van pagina wisselen zonder te herladen, starten geen nieuwe paginalading. Gebruik de trigger Geschiedeniswijziging, die volgens Google wordt geactiveerd als het URL-fragment verandert of als de site de HTML5 pushState API gebruikt.
Is Google Tag Manager gratis?
De standaardversie is gratis te gebruiken. Google verkoopt ook Tag Manager 360 als onderdeel van zijn enterpriseproducten.
Testen met de Voorbeeldmodus
Klik in uw werkruimte rechtsboven op Voorbeeld. Tag Assistant opent in een nieuw tabblad: vul het adres van uw site in en klik op Verbinden. Uw site opent in een nieuw venster en toont Verbonden in de hoek.
Klik terug in het tabblad van Tag Assistant op Doorgaan om elke gebeurtenis te zien en welke tags zijn geactiveerd. Herstel alles wat niet is geactiveerd voordat u publiceert.
Uw eigen gebeurtenissen versturen
De datalaag is een JavaScript-array die informatie aan Tag Manager doorgeeft. Push een object met een event-sleutel, zoals een aanmelding voor de nieuwsbrief, en maak een trigger Aangepaste gebeurtenis met dezelfde naam.
De gids van Google zegt dat de datalaag hoofdlettergevoelig is, dus dataLayer werkt en datalayer niet, en dat u er alleen naar moet pushen en hem nooit opnieuw moet toewijzen.
Een gebeurtenis naar de datalaag pushen
Gebruik dit wanneer er iets gebeurt dat Tag Manager zelf niet kan zien, zoals een formulier dat verstuurt zonder de pagina te verlaten.
Gebeurtenis voor nieuwsbriefaanmelding
Maak in Tag Manager een trigger Aangepaste gebeurtenis met de naam newsletter_signup om er tags op te activeren.
Triggers die u als eerste gebruikt
Veelgebruikte triggers in Tag Manager
Trigger
Wordt geactiveerd als
Typisch gebruik
Initialisatie
Vóór alle andere triggers behalve Toestemmingsinitialisatie
Google-tag voor Analytics
Paginaweergave
Zodra de browser een pagina begint te laden
De meeste andere tags op paginaniveau
Geschiedeniswijziging
Het URL-fragment verandert of de pagina roept pushState aan
Paginaweergaven in single-page apps
Aangepaste gebeurtenis
Uw code pusht een overeenkomende gebeurtenis naar de datalaag
Verzonden formulieren, aanmeldingen, boekingen
Klik
Een bezoeker klikt op een element of link
Klikken op telefoon- en e-maillinks
Snippetbouwer
Typ uw container-ID dat bovenaan uw Tag Manager-werkruimte staat. Alles wordt in uw browser opgebouwd.
Container-ID
Ziet er goed uit. Plak beide snippets op elke pagina.
Dat lijkt geen container-ID. Het moet beginnen met GTM- gevolgd door letters en cijfers.