Get started with Tag Manager

2. Installera en webbehållare

Nästa: 3. Lägga till taggar i Google Taggstyrning

Följ dessa anvisningar för att installera nödvändiga kodavsnitt för webbplatsens Google Taggstyrning-behållare. Liknande anvisningar för att ställa in Taggstyrning för andra typer av behållare finns i följande resurser:

iOS: Google Taggstyrning för iOS
Android: Google Taggstyrning för Android
AMP: Konfigureringsguide för AMP och Taggstyrning
Server: Taggstyrning på serversidan

Innan du börjar

Du måste skapa ett konto och en behållare för Taggstyrning.
Du måste kunna komma åt koden för din webbplats.

Steg

Besök https://tagmanager.google.com.
Logga in på Google-kontot. Läs mer om hur du skapar ett Google-konto.
Öppna Taggstyrning-behållaren som du vill redigera.
På fliken Arbetsyta väljer du ditt behållar-id (som börjar med GTM).
Följ dessa anvisningar för varje sida på din webbplats i dialogrutan Installera Google Taggstyrning:

Obs! Om du har skapat din webbplats med hjälp av ett byggverktyg för webbplatser eller ett innehållshanteringssystem (CMS) som Wordpress, Shopify eller Wix kan du konfigurera Google-taggen med en integrering som inte kräver att du uppdaterar koden på varje sida på webbplatsen. Läs om hur du installerar Google-taggen med ett byggverktyg för webbplatser eller CMS
1. Kopiera det första kodblocket och klistra in det så högt upp i <head>-taggen som möjligt.
  
  Exempel
  I detta exempel på HTML-kod klistrar du in det första Google Taggstyrning-kodavsnittet efter den inledande <head> HTML-taggen. Observera att följande exempel använder GTM-ABCDEFGH, men att du måste ersätta id:t med ditt behållar-id.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
2. Kopiera det andra kodblocket och klistra in det omedelbart efter den inledande <body>-taggen.
  
  Exempel
  I detta exempel på HTML-kod klistrar du in ditt andra Google Taggstyrning-kodavsnitt omedelbart efter den inledande HTML-taggen <body>. Observera att följande exempel använder GTM-ABCDEFGH, men att du måste ersätta id:t med ditt behållar-id.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
3. Testa din webbplats genom att ange webbplatsens länk och klicka på Testa.
Klicka på OK.

Nästa steg

Använd Google Taggstyrning för att ställa in och hantera taggar.

Var det här till hjälp?

Hur kan vi förbättra den?