Get started with Tag Manager

2. Webes tároló telepítése

Következő: 3. Címkék hozzáadása a Google Címkekezelőben

A következő lépésekkel telepítheti a szükséges kódrészleteket a webhely Google Címkekezelő-tárolójához. A Címkekezelő más típusú tárolókhoz való beállításának a lépései hasonlók; a következő forrásokban tekintheti meg őket:

iOS: A Google Címkekezelő iOS rendszerhez
Android: A Google Címkekezelő Androidhoz
AMP: AMP és Címkekezelő – beállítási útmutató
Szerver: Szerveroldali Címkekezelő

Mielőtt elkezdené

Létre kell hoznia egy Címkekezelő-fiókot és -tárolót.
Hozzáféréssel kell rendelkeznie a webhely kódjához.

Lépések

Nyissa meg a https://tagmanager.google.com oldalt.
Jelentkezzen be Google-fiókjába. További információ a Google-fiók létrehozásáról.
Nyissa meg a szerkeszteni kívánt Címkekezelő-tárolót.
A Munkaterület lapon válassza ki a tárolóazonosítót (ez a „GTM” karakterlánccal kezdődik).
A Google Címkekezelő telepítése párbeszédpanelen a webhely minden oldala esetében hajtsa végre az alábbi lépéseket:

Megjegyzés: Ha a webhelyet webhelykészítővel vagy tartalomkezelő rendszerrel (CMS) – például a Wordpress, a Shopify vagy a Wix használatával – készítette, akkor a Google-címkét beállíthatja olyan integrációval, amelynél nem szükséges a kódot a webhely minden oldalán frissíteni. További információ a Google-címke webhelykészítő vagy CMS segítségével való telepítéséről.
1. Másolja ki az első kódblokkot, és illessze be a <head> címke lehető legkorábbi részébe.
  
  Példa
  A következő HTML-mintakódba az első Google Címkekezelő-kódrészletet a nyitó <head> HTML-címke után kell beilleszteni. Ügyeljen arra, hogy a következő példában ugyan a „GTM-ABCDEFGH” karakterlánc szerepel, de az azonosítót le kell cserélnie a tárolóazonosítóra.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
  
  
  <title>Weboldal – példa</title>
  </head>
  <body>
  
  <h1>Üdvözlöm az oldalamon!</h1>
  <p>Ez a weboldalam mintabekezdése.</p>
  </body>
  </html>
2. Másolja ki a második kódblokkot, és illessze be közvetlenül a nyitó <body> címke után.
  
  Példa
  A következő HTML-mintakódba a második Google Címkekezelő-kódrészletet közvetlenül a nyitó <body> HTML-címke után kell beilleszteni. Ügyeljen arra, hogy a következő példában ugyan a „GTM-ABCDEFGH” karakterlánc szerepel, de az azonosítót le kell cserélnie a tárolóazonosítóra.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
  
  
  <title>Weboldal – példa</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Üdvözlöm az oldalamon!</h1>
  <p>Ez a weboldalam mintabekezdése.</p>
  </body>
  </html>
3. Tesztelje a webhelyet: adja meg a webhely linkjét, majd kattintson a Tesztelés gombra.
Kattintson az OK gombra.

További lépések

A címkék beállításához és kezeléséhez használja a Google Címkekezelőt.

Hasznosnak találta?

Hogyan fejleszthetnénk?