Accelerated Mobile Pages ‑projekti (AMP) on avoimen lähdekoodin verkkoalusta, jonka avulla voit parantaa verkkosisältösi tehokkuutta. AMP-projektissa on sisäinen Google Tag Managerin tuki. Tässä artikkelissa kerrotaan suositeltu tapa Google Tag Managerin määrittämiseen AMP-sivuille.
Voit asentaa Tag Managerin AMP-sivuille seuraavasti:
- Luo AMP-säilö Tag Managerissa.
- Lisää Tag Manager ‑koodinpätkä AMP-sivuillesi.
- Määritä Tag Manager ‑säilön tagit ja julkaise ne.
Luo AMP-säilö
Tag Manager sisältää AMP-säilötyypin. Voit luoda uuden AMP-säilön projektillesi seuraavasti:
- Klikkaa Tilit-näkymästä Lisää toimintoja (
) sen tilin kohdalta, jota haluat käyttää. Valitse Luo säilö.
- Määritä säilölle nimi. Käytä kuvaavaa nimeä, kuten example.com – uutiset – AMP.
- Valitse Säilön käyttöpaikat ‑kohdasta AMP.
- Klikkaa Luo.
) sen tilin kohdalta, jota haluat käyttää. Valitse Luo säilö.Säilösi on nyt valmis. Seuraavaksi Tag Manager ‑koodi asennetaan AMP-sivuillesi.
Saat Tag Managerista tietoja siitä, miten koodinpätkä kannattaa asentaa. Lisää ohjeita on seuraavassa osiossa.
Lisää Tag Manager ‑koodinpätkä
Kun olet luonut uuden AMP-säilösi, Asenna Google Tag Manager ‑näkymä tulee näkyviin. Saat Tag Managerista kaksi koodinpätkää. Kopioi nämä koodinpätkät ja liitä ne AMP-sivuille.
Ensimmäinen koodinpätkä lisää amp-analytics‑komponentin AMP-sivuillesi. Koodi sijoitetaan sivusi <head>-osion loppuun, ja sen tulisi esiintyä sivulla vain kerran.
Toinen koodinpätkä määrittää amp-analytics-komponentin käyttämään Tag Manageria. Sijoita tämä koodi heti avaavan <body>-elementin jälkeen. Korvaa GTM-CONTAINER_ID Tag Managerin säilön tunnuksella tai kopioi ja liitä koko koodinpätkä Tag Manager ‑käyttöliittymästä.
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>
Määritä säilö ja julkaise se
Kun säilön koodinpätkä on asennettu sivuillesi oikein, sivut voivat käynnistää tageja, jotka on otettu käyttöön Tag Managerissa. Seuraavaksi luodaan tagimääritykset ja julkaistaan säilö.
Voit luoda uuden tagin seuraavasti:
- Klikkaa Tagit
Uusi.
- Klikkaa Tagin määritys ja valitse tagityyppi tuettujen AMP-tagien luettelosta.
- Määritä tagi sen palveluntarjoajalta saamiesi tietojen mukaisesti.
- Klikkaa Triggerit ja lisää yksi tai useampi tapahtuman ehto, joka käynnistää tagin.
- Määritä triggerille nimi ja klikkaa Tallenna.
Uusi.Toista nämä vaiheet myös muille tagimäärityksille. Kun säilön määritys on valmis, julkaise säilö, niin muutokset tulevat voimaan.
Sivumuuttujat
Tag Manager voi tallentaa AMP-arvoja ja käyttää niitä tagi- ja triggerimäärityksissä. Esimerkiksi kenkiä myyvällä sivulla saattaa olla muuttujia, jotka kuvaavat tietyn kengän ominaisuuksia. Näitä arvoja voidaan käyttää Tag Manager ‑muuttujien luomisessa:
<script type="application/json ">
{
"vars" : {
"tyyppi": "kengät",
"väri": "punainen"
}
}
</script>
</amp-analytics>
Voit luoda Tag Managerissa käyttäjän määrittämän muuttujan, joka tallentaa yllä olevan koodin värimuuttujan:
- Klikkaa Muuttujat.
- Valitse Käyttäjän määrittämät muuttujat ‑kohdasta Uusi.
- Klikkaa Muuttujan määritys ja valitse AMP-muuttuja.
- Lisää AMP-muuttujan nimi ‑kenttään kentän nimi (esim. "väri".)
- Lisää muuttujalle kuvaava nimi (esim. "AMP-muuttuja – väri".)
- Klikkaa Tallenna.