Accelerated Mobile Pages-prosjektet (AMP) er en nettplattform med åpen kildekode som du kan bruke for å forbedre ytelsen for nettinnholdet ditt. AMP har innebygd støtte for Google Tag Manager. I dette dokumentet finner du den anbefalte fremgangsmåten for å konfigurere Google Tag Manager på AMP-sider.
Slik installerer du Tag Manager for AMP:
- Opprett en AMP-beholder i Tag Manager.
- Legg til Tag Manager-kodebiten på AMP-sidene dine.
- Konfigurer tagger i Tag Manager-beholderen og publiser den.
Opprett en AMP-beholder
Tag Manager har en egen beholdertype for AMP. Opprett en ny AMP-beholder for prosjektet ditt:
- På Kontoer-skjermen klikker du på Flere handlinger (
) for kontoen du vil bruke. Velg Opprett beholder.
- Gi beholderen et navn. Bruk et beskrivende navn, for eksempel «example.com – nyheter – AMP».
- Under Hvor skal du bruke beholderen? velger du AMP.
- Klikk på Opprett.
) for kontoen du vil bruke. Velg Opprett beholder.Beholderen din er nå klar. Det neste trinnet er å installere Tag Manager-koden på AMP-sidene dine.
Tag Manager gir deg informasjon om hvordan du installerer kodebiten, og du kan se neste avsnitt for videre veiledning.
Legg til Tag Manager-kodebiten
Når du har opprettet den nye AMP-beholderen, vises skjermen Installer Google Tag Manager. Fra Tag Manager får du to kodebiter. Kopiér disse kodebitene slik at de vises på AMP-sidene dine.
Den første kodebiten legger til amp-analytics-komponenten på AMP-siden din. Denne koden plasseres etter <head>-delen på siden din, og skal bare stå ett sted på siden.
Den andre kodebiten konfigurerer amp-analytics for å bruke Tag Manager. Plassér denne koden umiddelbart etter det første <body>-elementet. Bytt ut GTM-CONTAINER_ID med ID-en for Tag Manager-beholderen din, eller kopiér og lim inn hele kodebiten fra Tag Manager-brukergrensesnittet.
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>
Konfigurer beholderen og publiser den
Når beholderkodebiten er riktig installert på sidene dine, kan de utløse tagger som er implementert fra Tag Manager. Det neste trinnet er å lage tag-konfigurasjoner og publisere beholderen.
Slik lager du en ny tag:
- Klikk på Tagger
Ny.
- Klikk på Tag-konfigurasjon og velg tagtype fra listen over støttede AMP-tagger.
- Konfigurer taggen med informasjon fra tagleverandøren din.
- Klikk på Utløsere og legg til ett eller flere hendelsesforhold som skal utløse taggen.
- Gi utløseren et navn og klikk på Lagre.
Ny.Gjenta disse trinnene for hver enkelt tagkonfigurasjon. Når beholderen er ferdig konfigurert, må du publisere beholderen for at endringene skal tre i kraft.
Sidevariabler
Tag Manager kan fange opp AMP-variabler og bruke dem i tag- og utløserkonfigurasjoner. For eksempel kan en side der det selges sko, inneholde variabler som beskriver egenskapene til bestemte sko. Disse verdiene kan brukes til å opprette Tag Manager-variabler:
<script type="application/json ">
{
"vars" : {
"type": "shoes",
"color": "red"
}
}
</script>
</amp-analytics>
Slik oppretter du en brukerdefinert variabel i Tag Manager som fanger opp fargevariabelen fra koden ovenfor:
- Klikk på Variabler.
- Klikk på Ny under Brukerdefinerte variabler.
- Klikk på Konfigurasjon av variabler og velg AMP-variabel.
- I feltet Navn på AMP-variabelen skriver du inn navnet på feltet (f.eks. «farge»).
- Gi variabelen et beskrivende navn (f.eks. «AMP-variabel – farge»).
- Klikk på Lagre.