Sådan installerer du Google Tag Manager på din hjemmeside
Trin-for-trin guide til at få GTM-basekoden live på React/Vite, Next.js eller klassisk HTML — uden ekstra npm-pakker eller udvikler-hjælp.
Når du har genereret din skræddersyede GTM-container, er det næste afgørende skridt at sikre, at din hjemmeside rent faktisk indlæser Google Tag Manager. Uden koden på dit site vil ingen af dine sporings-tags, værdioverførsler eller dit nye Consent Mode v2 cookie-banner fungere.
Her er den præcise guide til, hvordan du får hul igennem — uanset om du kører et moderne React/Vite-setup, Next.js eller en klassisk HTML-side.
Metode A: Hvis du kører React / Vite
Hvis du bruger React eller Vite, skal GTM-koden placeres direkte i din statiske HTML-skabelon. Du behøver ikke at installere ekstra, komplekse npm-pakker som `react-gtm-module`.
Åbn filen `/index.html` i din projektrod:
- Indsæt GTM-scriptet så højt oppe som muligt — lige før `</head>`.
- Indsæt GTM `noscript`-koden umiddelbart efter dit åbne `<body>` tag.
“Indsæt aldrig GTM-koden i App.tsx, main.tsx eller tilfældige React-komponenter. Tag Navigator genererer allerede den korrekte kode for dig.”
Metode B: Hvis du kører Next.js
Hvis du bruger Next.js, bør du udnytte det indbyggede `next/script`-modul for optimal ydeevne og korrekt indlæsningsrækkefølge.
App Router
Indsæt koden i din globale layoutfil: `/app/layout.tsx`.
Pages Router
Indsæt koden i dit dokument-layout: `/pages/_document.tsx`.
Vigtigt: Indsæt ikke GTM-scriptet direkte i tilfældige eller dybtliggende React-komponenter — det kan ødelægge din dataLayer-historik ved genindlæsninger.
Metode C: Hvis du kører standard HTML / CMS
Hvis du har en almindelig statisk landingsside eller et traditionelt CMS-system, skal GTM-scripterne indsættes direkte i din kildekode på alle de sider, du ønsker at spore.
Indsæt scriptet så højt oppe i din `<head>`-tag som muligt, og glem ikke `noscript`-iframen lige efter `<body>`. Tag Navigator viser den færdige snippet med dit eget container-ID indsat.
Verificering: tjek om der er hul igennem
Når koden er lagt ind og udgivet på dit site, skal du teste, at alt spiller:
- Log ind på din Google Tag Manager konto.
- Klik på den blå Vis preview (Preview)-knap i øverste højre hjørne.
- Indtast din hjemmesides URL (fx `https://din-hjemmeside.dk`).
- Hvis Google Tag Assistant åbner i en ny fane og viser Connected, er koden installeret korrekt.
