AMP és Címkekezelő – beállítási útmutató

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.

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.

Megjegyzés: Ha a kódrészletre később szüksége lenne, kattintson a tároló azonosítószámára a munkaterület áttekintő oldalának felső részén, vagy kattintson az Adminisztrálás, majd A Google Címkekezelő telepítése lehetőségre.

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.

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Fontos: Csak akkor helyezze el ezt a kódot az oldalon, ha még nem szerepel rajta, illetve győződjön meg arról, hogy minden oldalon csak egyszer szerepel.

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.

<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.

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:

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager-XXXXXX;Tag Manager.url=SOURCE_URL" data-credentials="include">
  <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.

A Címkekezelő által támogatott AMP-címkék

Hasznosnak találta?

Hogyan fejleszthetnénk?