Volg deze stappen om de nodige codefragmenten voor de Google Tag Manager-container van uw website te installeren. Ga naar de volgende bronnen voor vergelijkbare stappen voor het instellen van Tag Manager voor andere typen containers:
- iOS: Google Tag Manager voor iOS
- Android: Google Tag Manager voor Android
- AMP: Installatiegids voor AMP en Tag Manager
- Server: Tag Manager aan de serverzijde
Voordat u begint
- U moet een Tag Manager-account en -container maken.
- U moet toegang hebben tot de code voor uw website.
Stappen
- Ga naar https://tagmanager.google.com.
- Log in op uw Google-account. Meer informatie over hoe u een Google-account maakt.
- Open de Tag Manager-container die u wilt bewerken.
- Selecteer op het tabblad Werkruimte uw container-ID (die begint met GTM).
- Volg in het dialoogvenster Google Tag Manager installeren deze stappen voor elke pagina van uw website:
Opmerking: Als uw website is gemaakt met een websitebouwer of contentmanagementsysteem (CMS) zoals Wordpress, Shopify of Wix, kunt u de Google-tag instellen met een integratie zodat u de code niet op elke pagina van uw website hoeft te updaten. Meer informatie over hoe u uw Google-tag installeert met een websitebouwer of CMS
- Kopieer het 1e codeblok en plak dit zo hoog mogelijk in de
<head>
-tag.Voorbeeld
In de volgende voorbeeld-HTML-code plakt u uw eerste Google Tag Manager-codefragment na de openings-HTML-tag <head>. In het volgende voorbeeld wordt 'GTM-ABCDEFGH' gebruikt. U Vervang de ID door uw container-ID.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- Einde van Google Tag Manager -->
<title>Voorbeeld-webpagina</title>
</head>
<body>
<!-- Content van uw website -->
<h1>Welkom bij Mijn website</h1>
<p>Dit is een voorbeeldparagraaf op mijn webpagina.</p>
</body>
</html> - Kopieer het 2e codeblok en plak dit onmiddellijk na de openingstag
<body>
.Voorbeeld
In de volgende voorbeeld-HTML-code plakt u uw 2e Google Tag Manager-codefragment onmiddellijk na de eerste HTML-tag <body>. In het volgende voorbeeld wordt 'GTM-ABCDEFGH' gebruikt. U Vervang de ID door uw container-ID.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- Einde Google Tag Manager -->
<title>Voorbeeld-webpagina</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Einde Google Tag Manager (noscript) -->
<!-- Content van uw website -->
<h1>Welkom bij Mijn website</h1>
<p>Dit is een voorbeeldparagraaf op mijn webpagina.</p>
</body>
</html> - Test uw website door de link van uw website in te voeren en daarna op Testen te klikken.
- Kopieer het 1e codeblok en plak dit zo hoog mogelijk in de
- Klik op OK.
Volgende stappen
Gebruik Google Tag Manager om tags in te stellen en te beheren.