Az Accelerated Mobile Pages (AMP) projekt egy olyan, nyílt forráskódú internetes platform, amely a webes tartalmak teljesítményének fokozására törekszik. Az AMP beépített támogatást biztosít a Google Címkekezelőhöz. Ebben a dokumentumban azt mutatjuk be, hogyan javasolt beállítani a Google Címkekezelőt az AMP-oldalakhoz.
A Címkekezelő telepítése az AMP-oldalakhoz:
- Hozzon létre egy AMP-tárolót a Címkekezelőben.
- Helyezze el a Címkekezelő kódrészletét az AMP-oldalakon.
- Konfigurálja a címkéket a Címkekezelő-tárolóban, és végezze el a közzétételt.
AMP-tároló létrehozása
A Címkekezelőhöz egy AMP-tárolótípus is tartozik. Hozzon létre egy AMP-tárolót a projekthez:
- A Fiókok képernyőn kattintson a További műveletek (
) lehetőségre annál a fióknál, amelyet használni szeretne. Válassza a Tároló létrehozása lehetőséget.
- Adjon nevet a tárolónak. Használjon informatív neveket – például „example.com – hírek – AMP”.
- A tároló használatának helye területen válassza az AMP lehetőséget.
- Kattintson a Létrehozás elemre.
) lehetőségre annál a fióknál, amelyet használni szeretne. Válassza a Tároló létrehozása lehetőséget.Ezzel el is készült a tároló. A következő lépés a Címkekezelő kódjának AMP-oldalakra való telepítése.
A Címkekezelő információkat biztosít arról, hogyan érdemes telepíteni a kódrészletet, további információt pedig a következő szakaszban olvashat.
A Címkekezelő kódrészletének elhelyezése
Az új AMP-tároló létrehozása után megjelenik A Google Címkekezelő telepítése képernyő. A Címkekezelő két kódrészletet biztosít. Másolja be ezeket a kódrészleteket az AMP-oldalakra.
Az első kódrészlet elhelyezi az amp-analytics összetevőt az AMP-oldalon. Ez a kód az oldal <head> szakaszának végére kerül, és csak egyszer szerepelhet az oldalon.
A második kódrészlet konfigurálja az amp-analytics összetevőt a Címkekezelő használatára. Ezt a kódot közvetlenül a nyitó <body> elem után helyezze el. A GTM-CONTAINER_ID részt cserélje le a saját Címkekezelő-tárolóazonosítójára, vagy másolja ki az egész kódrészletet a Címkekezelő kezelőfelületéről.
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>
A tároló konfigurálása és a közzététel
Ha az oldalakon megfelelően telepítve van a tároló kódrészlet, az oldalak aktiválni tudják a Címkekezelőből telepített címkéket. A következő lépés a címkekonfigurációk létrehozása és a tároló közzététele.
Egy új címke létrehozásához:
- Kattintson a Címkék
Új lehetőségre.
- Kattintson a Címke konfigurálása lehetőségre, és válassza ki a címketípust a támogatott AMP-címkék listájáról.
- Konfigurálja a címkét a címkeszolgáltató által biztosított adatokkal.
- Kattintson az Aktiválás lehetőségre, és vegyen fel egy vagy több olyan eseményfeltételt, amely aktiválja a címkét.
- Nevezze el az aktiválási szabályt, és kattintson a Mentés lehetőségre.
Új lehetőségre.Ismételje meg ezeket a lépéseket minden további címkekonfiguráció esetén. Amikor elkészült a tároló konfigurálásával, tegye közzé a tárolót ahhoz, hogy a módosítások életbe lépjenek.
Oldalváltozók
A Címkekezelő képes rögzíteni az AMP-változókat, és fel tudja használni őket a címke- és aktiválásiszabály-konfigurációkban. Egy cipőket értékesítő oldalon például olyan változók lehetnek, amelyek egy adott cipőmodell tulajdonságait írják le. Ezek az értékek használhatók a Címkekezelő változóinak létrehozásához:
<script type="application/json ">
{
"vars" : {
"type": "shoes",
"color": "red"
}
}
</script>
</amp-analytics>
Az alábbi lépéseket követve hozhat létre egy olyan, felhasználó által definiált változót a Címkekezelőben, amely a színre vonatkozó változót rögzíti a fenti kódból:
- Kattintson a Változók lehetőségre.
- A Felhasználó által definiált változók alatt kattintson az Új gombra.
- Kattintson a Változó konfigurálása lehetőségre, és válassza az AMP-változó lehetőséget.
- Az AMP-változó neve mezőben adja meg a mező nevét (például „color”).
- Adjon valamilyen informatív nevet a változónak (például „AMP-változó – szín”).
- Kattints a Mentés gombra.