Følg denne fremgangsmåten for å installere de nødvendige kodebitene for Google Tag Manager-beholderen på nettstedet ditt. I ressursene nedenfor finner du en lignende fremgangsmåte for hvordan du konfigurerer Tag Manager for andre beholdertyper:
- iOS: Google Tag Manager for iOS
- Android: Google Tag Manager for Android
- AMP: installasjonsveiledning for AMP og Tag Manager
- Tjener: Tag Manager på tjenersiden
Før du begynner
- Du må opprette en Tag Manager-konto og -beholder.
- Du må ha tilgang til koden for nettstedet ditt.
Fremgangsmåte
- Gå til https://tagmanager.google.com.
- Logg på Google-kontoen din. Finn ut hvordan du oppretter en Google-konto.
- Åpne Tag Manager-beholderen du vil redigere.
- Velg beholder-ID-en din (som begynner med «GTM») på Arbeidsområde-fanen.
- I dialogboksen Installer Google Tag Manager følger du denne fremgangsmåten for alle sidene på nettstedet ditt:
Merk: Hvis nettstedet ditt ble utviklet ved hjelp av en nettstedsbygger eller et innholdsstyringssystem (CMS), for eksempel Wordpress, Shopify eller Wix, kan du konfigurere Google-taggen med en integrasjon som ikke krever at du oppdaterer koden på alle sidene på nettstedet. Finn ut hvordan du installerer Google-taggen via et CMS eller en nettstedsbygger.
- Kopier den første kodeblokken, og lim den inn så høyt opp i
<head>-taggen som mulig.Eksempel
I HTML-eksempelkoden nedenfor limer du inn den første Google Tag Manager-kodebiten din etter den første <head>-HTML-taggen. Merk at «GTM-ABCDEFGH» er brukt i eksempelet nedenfor, men at du må erstatte ID-en med beholder-ID-en din.<!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>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Kopier den andre kodeblokken, og lim den inn rett etter den første
<body>-taggen.Eksempel
I HTML-eksempelkoden nedenfor limer du inn den andre Google Tag Manager-kodebiten din rett etter den første <body>-HTML-taggen. Merk at «GTM-ABCDEFGH» er brukt i eksempelet nedenfor, men at du må erstatte ID-en med beholder-ID-en din.<!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>
<!-- End Google Tag Manager -->
<title>Example Webpage</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>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Test nettstedet ditt ved å skrive inn linken til nettstedet og deretter klikke på Test.
- Kopier den første kodeblokken, og lim den inn så høyt opp i
- Klikk på OK.
Fremgangsmåten videre
Bruk Google Tag Manager for å konfigurere og administrere tagger.