AMP (Accelerated Mobile Pages Project) är en webbplattform med öppen källkod som hjälper dig att förbättra resultatet av ditt webbinnehåll. AMP kan användas med Google Taggstyrning. Här beskriver vi det rekommenderade sättet att konfigurera Google Taggstyrning på AMP-sidor.
Så här installerar du Taggstyrning för AMP:
- Skapa en AMP-behållare i Taggstyrning.
- Lägg till Taggstyrning-kodavsnittet på dina AMP-sidor.
- Konfigurera taggar i Taggstyrning-behållaren och publicera den.
Skapa en AMP-behållare
Taggstyrning innehåller en behållartyp för AMP. Skapa en ny AMP-behållare för ditt projekt:
- Klicka på Fler åtgärder (
) på skärmen Konton för kontot du vill använda. Välj Skapa behållare.
- Ge behållaren ett namn. Använd ett beskrivande namn, till exempel example.com - nyheter - AMP.
- Välj AMP under Var behållaren ska användas.
- Klicka på Skapa.
) på skärmen Behållaren är nu klar. Nästa steg är att installera Taggstyrning-koden på dina AMP-sidor.
Taggstyrning visar information om hur du installerar kodavsnittet på bästa sätt. Du kan också läsa mer i nästa avsnitt.
Lägga till Taggstyrning-kodavsnittet
När du har skapat den nya AMP-behållaren visas skärmen Installera Google Taggstyrning. Två kodavsnitt genereras. Kopiera dessa kodavsnitt så att de visas på dina AMP-sidor.
Det första kodavsnittet lägger till komponenten amp-analytics på AMP-sidan. Denna kod ska placeras sist i <head>-avsnittet på sidan och ska förekomma en enda gång på sidan.
Det andra kodavsnittet konfigurerar amp-analytics för att använda Taggstyrning. Placera denna kod omedelbart efter det inledande <body>-elementet. Ersätt GTM-CONTAINER_ID med Taggstyrning-behållarens id eller kopiera och klistra in hela kodavsnittet från Taggstyrning-gränssnittet.
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>
Konfigurera behållaren och publicera den
När du har installerat behållarkodavsnitten på rätt sätt på dina sidor kan de aktivera taggar som skickas från Taggstyrning. Nästa steg är att skapa taggkonfigurationer och publicera behållaren.
Så här skapar du en ny tagg:
- Klicka på Taggar
Ny.
- Klicka på Taggkonfiguration och välj taggtypen på listan över AMP-taggar som stöds.
- Konfigurera taggen med information från taggleverantören.
- Klicka på Utlösare och lägg till ett eller flera händelsevillkor som ska medföra att taggen aktiveras.
- Ge utlösaren ett namn och klicka på Spara.
Ny.Upprepa dessa steg för alla eventuella ytterligare taggkonfigurationer. När behållarkonfigurationen är klar måste du publicera behållaren för att ändringarna ska få effekt.
Sidvariabler
Taggstyrning kan fånga upp AMP-variabler och använda dem i tagg- och utlösarkonfigurationer. En sida som säljer skor kan till exempel innehålla variabler som beskriver egenskaperna hos en viss sko. Dessa värden kan användas för att skapa Taggstyrning-variabler:
<script type="application/json ">
{
"vars" : {
"type": "shoes",
"color": "red"
}
}
</script>
</amp-analytics>
Så här skapar du en användardefinierad variabel i Taggstyrning som fångar upp färgvariabeln i koden ovan:
- Klicka på Variabler.
- Klicka på Ny under Användardefinierade variabler.
- Klicka på Variabelkonfiguration och välj AMP-variabel.
- Ange fältnamnet (till exempel färg) i fältet AMP-variabelns namn.
- Ge variabeln ett beskrivande namn (till exempel AMP-variabel - färg).
- Klicka på Spara.