{"id":70819,"date":"2023-12-13T07:00:26","date_gmt":"2023-12-13T15:00:26","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70819"},"modified":"2025-05-26T09:17:45","modified_gmt":"2025-05-26T16:17:45","slug":"hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/","title":{"rendered":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs)"},"content":{"rendered":"\n<p><a href=\"https:\/\/marketingplatform.google.com\/about\/tag-manager\/\" target=\"_blank\" rel=\"noopener\">Google Tag Manager (GTM)<\/a> is een krachtige, gratis tool van Google die website-eigenaren en marketeers in staat stelt om marketingtags (stukjes code of trackingpixels) op hun website (of mobiele app) te beheren en te implementeren zonder dat ze programmeervaardigheden nodig hebben.<\/p>\n\n\n<p>Met andere woorden, het is een tagbeheersysteem dat je in staat stelt om snel en gemakkelijk meetcodes en gerelateerde codefragmenten, collectief bekend als tags, bij te werken op je website of mobiele app.<\/p>\n\n\n<p>Waarom zou iemand Google Tag Manager willen gebruiken?<\/p>\n\n\n<p>GTM vereenvoudigt het proces van het volgen van gebruikersinteracties door een gebruiksvriendelijke interface te bieden om trackingcodes te implementeren, zonder dat er voortdurend hulp van een ontwikkelaar nodig is. Of je nu basisanalyses wilt volgen, specifieke gebeurtenissen zoals formulierinzendingen of klikken wilt monitoren, of meer complexe remarketingcampagnes wilt implementeren, GTM kan een onschatbare hulp zijn. Het maakt grotere behendigheid mogelijk in het digitale marketingdomein; je kunt tags testen en implementeren zonder afhankelijk te zijn van de IT-afdeling om code te schrijven en vrij te geven, waardoor het hele proces veel effici\u00ebnter wordt.<\/p>\n\n\n<p>Daarnaast ondersteunt GTM een verscheidenheid aan tags voor verschillende marketingplatformen, niet alleen van Google&#8217;s reeks tools. Deze compatibiliteit vergroot zijn nut als een gecentraliseerd instrument voor het beheren van verschillende marketingdatastromen. Met de mogelijkheid om tags op elk moment toe te voegen, te bewerken en uit te schakelen, krijgen marketeers een aanzienlijke hoeveelheid controle over hun gegevensverzameling en rapportageprocessen.<\/p>\n\n\n<p>In een notendop, voor iedereen die de code van hun site wil stroomlijnen en hun marketinginspanningen wil verbeteren met minimale technische vereisten, is Google Tag Manager een onmisbaar hulpmiddel.<\/p>\n\n\n<p>Laten we nu doornemen hoe je Google Tag Manager op je site installeert. Het kost slechts vier stappen en&nbsp;je kunt binnen ongeveer 10 minuten klaar zijn.<\/p>\n\n\n<h2 id=\"step-1\" class=\"wp-block-heading\">Stap 1: Maak Een Google Tag Manager Account Aan<\/h2>\n\n\n<p>Aan de slag gaan met Google Tag Manager is eenvoudig, en de eerste stap is het instellen van een account. Als je al een Google-account hebt voor diensten zoals Gmail, Google Drive of Google Analytics, kun je hetzelfde account gebruiken om in te loggen op Google Tag Manager. Zo niet, dan moet je een nieuw Google-account aanmaken.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Ga Naar Google Tag Manager. <\/b>Open je webbrowser en ga naar de website van Google Tag Manager (<a href=\"https:\/\/tagmanager.google.com\/\" target=\"_blank\" rel=\"noopener\">tagmanager.google.com<\/a>). Hier word je begroet met de optie om in te loggen of een account aan te maken.<\/li>\n\n\n\n<li><b>Inloggen Of Registreren. <\/b>Klik op de knop &#8220;Inloggen&#8221; als je al een Google-account hebt, of kies &#8220;Account aanmaken&#8221; als je een nieuw account moet maken. Volg de aanwijzingen op het scherm om in te loggen of om je nieuwe Google-account te cre\u00ebren.<\/li>\n\n\n\n<li><b>Maak Je GTM-Account Aan. <\/b>Eenmaal ingelogd, word je gevraagd een nieuw GTM-account te cre\u00ebren. Klik op de knop &#8220;Account aanmaken&#8221; in de rechterbovenhoek.<\/li>\n\n\n\n<li><b>Vul Je Accountgegevens In. <\/b>Je moet een naam voor je GTM-account opgeven. Google beveelt aan slechts \u00e9\u00e9n GTM-account per bedrijf te hebben, zelfs als je meerdere websites hebt, dus dit is meestal de naam van je bedrijf of organisatie. In dezelfde sectie word je gevraagd je land te selecteren.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"871\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/New-Account.jpg\" alt=\"screenshot van het GTM &quot;voeg een account toe&quot; scherm met de velden Accountnaam en Land\" class=\"wp-image-42599 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/New-Account-300x163.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/New-Account-1024x557.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/New-Account-768x418.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/New-Account-1536x836.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-600x327.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-1200x653.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-730x397.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-1460x795.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-784x427.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-1568x854.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/New-Account-877x477.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/871;\" \/><\/figure>\n\n\n<p>De volgende stap zal zijn om een <a href=\"https:\/\/support.google.com\/tagmanager\/answer\/7582054\" target=\"_blank\" rel=\"noopener\">container en tags te installeren<\/a> op je website. Er zijn een paar verschillende manieren waarop je dit kunt doen, en we zullen je hieronder door twee gemakkelijke manieren leiden.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"step-2\" class=\"wp-block-heading\">Stap 2: Installeer Google Tag Manager Code Op Je Site (2 Methoden)<\/h2>\n\n\n<p>Voordat je GTM op je site kunt installeren, moet je jouw account voltooien door een container te maken. De container is het stukje code dat je aan je site toevoegt om Google Tag Manager te laten werken. Je maakt meestal een unieke container voor elke website waarop je GTM installeert, dus wanneer je bij het volgende gedeelte in de accountinstellingsflow komt, waar je je &#8220;Container Naam&#8221; invoert, kies je meestal je sitenaam of URL.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1101\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Setup.jpg\" alt=\"screenshot van de onderste helft van het accountscherm waar het veld &quot;container naam&quot; en de &quot;doelplatform&quot; typen worden getoond\" class=\"wp-image-42600 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Setup-300x206.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Setup-1024x705.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Setup-768x528.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Setup-1536x1057.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-1200x826.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-730x502.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-1460x1005.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-784x539.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-1568x1079.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Setup-877x603.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1101;\" \/><\/figure>\n\n\n<p>Hierna selecteer je je &#8220;Doelplatform.&#8221; Voor websites, kies &#8220;Web.&#8221;<\/p>\n\n\n<p>Klik ten slotte op &#8220;Aanmaken.&#8221; Dit zal je account finaliseren en je eerste container cre\u00ebren. Je zult twee pop-ups zien:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>De eerste is de Google-servicevoorwaarden. Vink het vakje onderaan de pagina aan en klik rechtsboven op &#8220;Ja&#8221; om ze te accepteren.<\/li>\n\n\n\n<li>De tweede is een handleiding, die de codefragmenten bevat die je nodig hebt om je container op je WordPress-site te installeren. Het legt ook uit waar je de containercode moet kopi\u00ebren en plakken, maar hierover later meer.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1272\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Code.jpg\" alt=\"Handleiding van Google Tag Manager, inclusief de codesnippets die je nodig hebt om je container op je WordPress-site te installeren. Het legt ook uit waar je de containercode moet kopi\u00ebren en plakken.\" class=\"wp-image-42601 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Code-300x239.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Code-1024x814.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Code-768x611.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Code-1536x1221.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-600x477.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-1200x954.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-730x580.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-1460x1161.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-784x623.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-1568x1247.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Code-877x697.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1272;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">#1: Handmatig GTM-Code Toevoegen<\/h3>\n\n\n<p>Om de container handmatig aan je WordPress-site toe te voegen, moet je die stukken code uit de pop-up kopi\u00ebren en in de broncode van je website plakken.<\/p>\n\n\n<p>Hier is wat je moet doen:<\/p>\n\n\n<p>Log in op je WordPress-account. Wat je vervolgens doet, hangt af van de versie van <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> die je gebruikt, je <a href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/hosting-provider\/\" target=\"_blank\" rel=\"noopener\">hostingbedrijf<\/a> en je <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/theme\/\" target=\"_blank\" rel=\"noopener\">thema<\/a>, maar je moet de broncode voor je themabestanden vinden.<\/p>\n\n\n<p>De navigatiebalk aan de rechterkant is een goede plek om te beginnen. Zoek naar \u201cTheme File Editor\u201d onder Weergave of Gereedschappen. Als je de broncode niet kunt vinden, ga dan naar <a href=\"#option-2\">Optie #2<\/a>, wat veel makkelijker is voor beginners.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Themabewerker<\/h3>\n    <p>De WordPress themabewerker is een tekstbewerker die je in staat stelt om de bestanden van een thema direct vanuit het beheerdersdashboard te bewerken. Je kunt de bewerker gebruiken om nieuwe bestanden te uploaden en ongewenste bestanden te verwijderen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/theme-editor\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1000\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-File-Editor.jpg\" alt=\"screenshot van het 'weergave' uitklapmenu in WP met onderaan 'themabestandseditor'\" class=\"wp-image-42603 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-File-Editor-300x188.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-File-Editor-1024x640.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-File-Editor-768x480.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-File-Editor-1536x960.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-600x375.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-1200x750.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-730x456.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-1460x913.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-784x490.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-1568x980.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-File-Editor-877x548.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1000;\" \/><\/figure>\n\n\n<p>Aangezien WordPress-thema&#8217;s verschillen in ontwerp en functionaliteit, kan hun themacode ook vari\u00ebren. Je zoekt naar het bestand voor de koptekst. Een veelvoorkomende naam hiervoor is <b>header.php<\/b>. Als je het niet kunt vinden, neem dan contact op met je themaontwikkelaar voor hulp.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"960\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-Header.jpg\" alt=\"screenshot van de &quot;theme header&quot; code aan de rechterkant van de bestandsinhoud code\" class=\"wp-image-42604 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-Header-300x180.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-Header-1024x614.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-Header-768x461.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Theme-Header-1536x922.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-600x360.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-1200x720.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-730x438.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-1460x876.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-784x470.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-1568x941.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Theme-Header-877x526.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/960;\" \/><\/figure>\n\n\n<p>In het headerbestand, zoek de <code>&lt;head&gt;<\/code> en <code>&lt;\/head&gt;<\/code> tags. Kopieer het eerste codesnippet voor je container en plak het zo hoog mogelijk in de <code>&lt;head&gt;<\/code> sectie.<\/p>\n\n\n<p>Vervolgens zoek je de <code>&lt;body&gt;<\/code> tag. Kopieer het tweede codefragment voor je container en plak dit direct na de openings <code>&lt;body&gt;<\/code> tag.<\/p>\n\n\n<p>Klik op \u201cUpdate File\u201d om je wijzigingen op te slaan.<\/p>\n\n\n<p>Ga terug naar GTM en klik op &#8220;Voorbeeldweergave&#8221;. Dit opent een nieuw venster om <a href=\"https:\/\/tagassistant.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Tag Assistant<\/a> met je website te verbinden. Voer je site-URL in en klik op &#8220;Verbinden&#8221;.<\/p>\n\n\n<p>Een nieuw venster naar je site wordt geopend en Google Tag Assistant laat je weten of de verbinding succesvol is. Zodra het verbonden is, klik op &#8220;Finish&#8221;, ga terug naar het vorige venster en klik op &#8220;Continue&#8221;. Je zou &#8220;Google Container Found&#8221; bovenaan het scherm moeten zien, wat aangeeft dat de installatie van GTM op je WordPress-site voltooid is.<\/p>\n\n\n<p>Klik op de knop \u201cIndienen\u201d. Voer de versienaam in en klik op \u201cPubliceren\u201d.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"option-2\">#2: Gebruik Een Plugin Om GTM Te Installeren<\/h3>\n\n\n<p>De tweede methode voor het installeren van GTM op een WordPress-site is het gebruik van een plugin. Deze methode vereist niet dat je de broncode van je site bewerkt, dus het kan geschikter zijn voor beginners.<\/p>\n\n\n<p>Een eenvoudige, gratis plugin die je hiervoor kunt gebruiken is <a href=\"https:\/\/wordpress.org\/plugins\/wp-headers-and-footers\/\" target=\"_blank\" rel=\"noopener\">Insert Headers And Footers<\/a>. Nadat je je GTM-account hebt aangemaakt en je container hebt ingesteld, is dit wat je moet doen:<\/p>\n\n\n<p>Ga naar je WordPress-beheerpagina. Navigeer naar &#8220;Plugins&#8221;, dan &#8220;Nieuwe toevoegen&#8221;, en zoek naar &#8220;Install Headers and Footers.&#8221; Zodra je het vindt, klik dan op &#8220;Nu installeren.&#8221;<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"850\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Add-New-Plugin.jpg\" alt=\"screenshot van het &quot;plugins&quot; dropdownmenu in het WP menu waar &quot;voeg nieuwe plugin toe&quot; als tweede optie wordt getoond\" class=\"wp-image-42605 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Add-New-Plugin-300x159.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Add-New-Plugin-1024x544.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Add-New-Plugin-768x408.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Add-New-Plugin-1536x816.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-600x319.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-1200x638.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-730x388.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-1460x776.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-784x417.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-1568x833.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Add-New-Plugin-877x466.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/850;\" \/><\/figure>\n\n\n<p>Ga naar &#8220;Instellingen&#8221;, dan naar &#8220;Headers en Footers invoegen&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1200\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/WP-Headers-and-Footers.jpg\" alt=\"instellingen dropdown in het WP-menu met onderaan &quot;WP headers and footers&quot;\" class=\"wp-image-42606 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/WP-Headers-and-Footers-300x225.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/WP-Headers-and-Footers-1024x768.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/WP-Headers-and-Footers-768x576.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/WP-Headers-and-Footers-1536x1152.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-600x450.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-1200x900.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-730x548.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-1460x1095.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-784x588.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-1568x1176.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/WP-Headers-and-Footers-877x658.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\" \/><\/figure>\n\n\n<p>Kopieer de codestukjes uit de vakken in je GTM-account en plak ze in de overeenkomstige vakken in &#8220;Insert Headers and Footers&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"871\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Scripts.jpg\" alt=\"screenshot van het tekstveld &quot;scripts in koptekst&quot;\" class=\"wp-image-42607 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Scripts-300x163.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Scripts-1024x557.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Scripts-768x418.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Scripts-1536x836.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-600x327.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-1200x653.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-730x397.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-1460x795.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-784x427.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-1568x854.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Scripts-877x477.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/871;\" \/><\/figure>\n\n\n<p>Klik &#8220;Opslaan&#8221;.<\/p>\n\n\n<h2 id=\"step-3\" class=\"wp-block-heading\">Stap 3: Voeg Een Tag Toe<\/h2>\n\n\n<p>Met de Google Tag Manager-code ge\u00efnstalleerd op je site, ben je nu klaar om tags toe te voegen. Tags kunnen worden gebruikt voor verschillende doeleinden, van het bijhouden van website-analyses tot remarketing en conversietracking. Hier is hoe je je eerste tag toevoegt:<\/p>\n\n\n<p>Ga naar het Google Tag Manager dashboard (<a href=\"https:\/\/tagmanager.google.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/tagmanager.google.com\/<\/a>&nbsp; en selecteer de Containernaam die je zojuist hebt aangemaakt.<\/p>\n\n\n<p>Klik op de knop \u201cVoeg een nieuwe tag toe\u201d.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"550\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Tag-types.jpg\" alt=\"rechterhandmenu in het GTM-menu dat verschijnt nadat &quot;voeg een nieuwe tag toe&quot; is toegevoegd met verschillende tagtype opties\" class=\"wp-image-42608 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Tag-types-300x103.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Tag-types-1024x352.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Tag-types-768x264.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Tag-types-1536x528.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-600x206.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-1200x413.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-730x251.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-1460x502.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-784x270.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-1568x539.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Tag-types-877x301.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/550;\" \/><\/figure>\n\n\n<p>Als je net begint, wil je misschien een <a href=\"https:\/\/www.dreamhost.com\/blog\/universal-analytics-to-ga4\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a> tracking tag aanmaken. Dit is een van de meest voorkomende manieren om GTM te gebruiken, en GA4 biedt talloze manieren om tags te gebruiken om realtime sitegegevens en statistieken te volgen. Voor een GA4-tag, noem het iets beschrijvends zoals &#8220;GA4&#8221; of &#8220;GA4 Configuratie&#8221;.<\/p>\n\n\n<p>In het vak Tagconfiguratie, selecteer &#8220;Google Tag&#8221;<i>. <\/i>In het veld Tag-ID, voer je Google tag-ID in. Klik op &#8220;Opslaan&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"650\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Triggers.jpg\" alt=\"screenshot van het scherm &quot;kies een trigger&quot; met de opties voor alle pagina's, toestemmingsinitialisatie - alle pagina's, en initialisatie - alle pagina's\" class=\"wp-image-42609 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Triggers-300x122.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Triggers-1024x416.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Triggers-768x312.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Triggers-1536x624.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-600x244.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-1200x488.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-730x297.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-1460x593.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-784x319.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-1568x637.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Triggers-877x356.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/650;\" \/><\/figure>\n\n\n<p>Nadat je jouw tag hebt geconfigureerd, moet je defini\u00ebren wanneer deze geactiveerd wordt. Klik op het gedeelte &#8220;Triggering&#8221; en kies een trigger. Om bijvoorbeeld alle paginaweergaven te volgen, selecteer je de trigger &#8220;All Pages&#8221;. Triggers kunnen zo breed of specifiek zijn als je wilt \u2013 GTM geeft je veel controle.<\/p>\n\n\n<h2 id=\"step-4\" class=\"wp-block-heading\">Stap 4: Verifieer Dat GTM Is Ge\u00efnstalleerd &amp; Gegevens Verzendt<\/h2>\n\n\n<p>Voordat je je tags opslaat en publiceert, is het cruciaal om te zorgen dat alles correct functioneert. Hier is hoe je kunt verifi\u00ebren dat GTM correct is ge\u00efnstalleerd en de tags gegevens verzenden:<\/p>\n\n\n<p>GTM biedt een ingebouwde voorbeeldmodus waarmee je kunt zien welke tags actief zijn op je website. Klik op &#8220;Voorbeeld&#8221; op het GTM-dashboard voor je website, voer de URL van je website in en navigeer vervolgens naar je site. Je zult een debugvenster aan de onderkant van je site zien dat toont welke tags actief zijn en welke niet.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"355\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Preview.jpg\" alt=\"screenshot van de tagbeheerder &quot;voorbeeld&quot; optie in de rechterbovenhoek\" class=\"wp-image-42610 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Preview-300x67.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Preview-1024x227.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Preview-768x170.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/Preview-1536x341.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-600x133.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-1200x266.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-730x162.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-1460x324.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-784x174.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-1568x348.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/Preview-877x195.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/355;\" \/><\/figure>\n\n\n<p>Hierna kun je kijken naar <a href=\"https:\/\/www.dreamhost.com\/blog\/ga4-realtime\/\" target=\"_blank\" rel=\"noopener\">real-time gegevens in Google Analytics<\/a><b>. <\/b>Als je een Google Analytics-tag in GTM hebt ingesteld, ga dan naar je Google Analytics-account en navigeer naar het Realtime-rapport. Als je actieve gebruikers op je site ziet (je moet mogelijk door je site navigeren om gegevens te genereren), geeft dit aan dat GTM correct gegevens naar Google Analytics stuurt.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"838\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/realtime.jpg\" alt=\"screenshot van het &quot;Realtime&quot; GA-rapport direct onder &quot;Reports snapshot&quot; in het menu\" class=\"wp-image-42611 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/realtime-300x157.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/realtime-1024x536.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/realtime-768x402.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/realtime-1536x804.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-600x314.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-1200x629.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-730x382.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-1460x765.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-784x411.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-1568x821.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/12\/realtime-877x459.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/838;\" \/><\/figure>\n\n\n<p>Voor een meer technische controle kun je de ontwikkelaarshulpmiddelen van je browser gebruiken om de netwerkverzoeken te inspecteren die worden gedaan wanneer een pagina op je site wordt geladen. Zoek naar netwerkoproepen naar &#8216;google-analytics.com&#8217; of andere relevante domeinen, die kunnen bevestigen dat tags worden geactiveerd.<\/p>\n\n\n<p>Door deze stappen te volgen, kun je met vertrouwen bevestigen dat Google Tag Manager correct is ge\u00efnstalleerd en dat je tags gegevens verzamelen en versturen zoals verwacht. Als er problemen zijn, kan de informatie die door deze verificatiemethoden wordt verstrekt je ook helpen bij het oplossen van eventuele problemen.<\/p>\n\n\n<h2 id=\"faqs\" class=\"wp-block-heading\">Veelgestelde Vragen<\/h2>\n\n\n<h3 class=\"wp-block-heading\">Kan ik Google Tag Manager op verschillende soorten sites installeren?<\/h3>\n\n\n<p>Ja, Google Tag Manager kan op alle soorten websites worden ge\u00efnstalleerd, inclusief die gebouwd met HTML, PHP, WordPress, Shopify, en andere contentmanagementsystemen of e-commerceplatforms.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Kan Ik Een Plugin Voor Mijn CMS Gebruiken Om Google Tag Manager Te Installeren?<\/h3>\n\n\n<p>Zeker. Veel contentmanagementsystemen, zoals WordPress, hebben plugins beschikbaar die het integreren van Google Tag Manager gemakkelijker maken. Zoek gewoon naar GTM-plugins in de pluginrepository van je CMS.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Waar moet de Google Tag Manager-code op mijn website staan?<\/h3>\n\n\n<p>De codefragment van Google Tag Manager bestaat uit twee delen. Het eerste deel moet zo dicht mogelijk bij de openings <code>&lt;head&gt;<\/code> tag op elke pagina geplaatst worden, en het tweede deel moet direct na de openings <code>&lt;body&gt;<\/code> tag.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Wat is het verschil tussen Google Analytics en Google Tag Manager?<\/h3>\n\n\n<p>Google Analytics is een tool die gegevens verzamelt en rapporteert over websiteverkeer en gebruikersinteracties. Google Tag Manager daarentegen is een tagbeheersysteem dat je in staat stelt om marketingtags (inclusief Google Analytics trackingcode) gemakkelijk bij te werken en te beheren zonder de code op je website te wijzigen. In wezen meet Google Analytics de prestaties van je site, terwijl Google Tag Manager je helpt het proces van het implementeren en beheren van de tags die de gegevens verzamelen te stroomlijnen.<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Krijg Meer Bezoekers, Groei Je Bedrijf\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Onze marketingexperts helpen je meer verkeer te verdienen en meer websitebezoekers te converteren zodat je je kunt focussen op het runnen van je bedrijf.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meer Leren                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Google Tag Manager (GTM) is een krachtige, gratis tool die door Google wordt aangeboden en het mogelijk maakt voor website-eigenaren en marketeers om marketingtags (stukjes code of trackingpixels) op hun website (of mobiele app) te beheren en te implementeren zonder dat daar programmeervaardigheden voor nodig zijn. Met andere woorden, het is een tagsbeheersysteem dat je in staat stelt om snel en [\u2026]<\/p>\n","protected":false},"author":1060,"featured_media":42595,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.","toc_headlines":"[[\"step-1\",\"Stap 1: Maak Een Google Tag Manager Account Aan\"],[\"step-2\",\"Stap 2: Installeer Google Tag Manager Code Op Je Site (2 Methoden)\"],[\"step-3\",\"Stap 3: Voeg Een Tag Toe\"],[\"step-4\",\"Stap 4: Verifieer Dat GTM Is Ge\u00efnstalleerd & Gegevens Verzendt\"],[\"faqs\",\"Veelgestelde Vragen\"]]","hide_toc":false,"footnotes":""},"categories":[14928],"tags":[],"class_list":["post-70819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs) - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs)\" \/>\n<meta property=\"og:description\" content=\"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-13T15:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:17:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Glassman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Glassman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs) - DreamHost Blog","description":"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/","og_locale":"en_US","og_type":"article","og_title":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs)","og_description":"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-12-13T15:00:26+00:00","article_modified_time":"2025-05-26T16:17:45+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg","type":"image\/jpeg"}],"author":"Brian Glassman","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Brian Glassman","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/"},"author":{"name":"Brian Glassman","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de"},"headline":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs)","datePublished":"2023-12-13T15:00:26+00:00","dateModified":"2025-05-26T16:17:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/"},"wordCount":1841,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg","articleSection":["Marketing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/","name":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg","datePublished":"2023-12-13T15:00:26+00:00","dateModified":"2025-05-26T16:17:45+00:00","description":"Wil je eenvoudig tags en trackingcodes beheren? Volg deze stappen om Google Tag Manager te installeren.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/12\/How-To-Install-Google-Tag-Manager-HERO-Image.jpg","width":1460,"height":1095,"caption":"A colorful night sky above mountain tops background with photo of a man with headphones working on a laptop with a smile on his face and GTM icon in the corner"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-google-tag-manager-op-je-site-te-installeren-stapsgewijs-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Hoe Google Tag Manager Op Je Site Te Installeren (Stapsgewijs)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de","name":"Brian Glassman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","caption":"Brian Glassman"},"description":"SEO leader and content marketer, Brian is DreamHost\u2019s Director of SEO. Based in Chicago, Brian enjoys the local health food scene (deep dish pizza, Italian beef sandwiches) and famous year-round warm weather. Follow Brian on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/brianglassmandesign\/"],"url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/brian\/"}]}},"lang":"nl","translations":{"nl":70819,"es":42710,"en":42594,"de":51820,"pt":55779,"pl":55801,"ru":55856,"uk":55905,"it":68597,"fr":70786},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1060"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70819"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70819\/revisions"}],"predecessor-version":[{"id":70823,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70819\/revisions\/70823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42595"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}