Sprievodca nastavením platformy AMP a Správcu značiek

Projekt Accelerated Mobile Pages (AMP) je webová platforma typu open source, pomocou ktorej sa zlepšuje výkonnosť vášho webového obsahu. V platforme AMP je integrovaná podpora pre Správcu značiek Google. V tomto dokumente vám opíšeme odporúčaný spôsob nastavenia Správcu značiek Google na stránkach AMP.

Inštalácia Správcu značiek pre AMP:

V Správcovi značiek vytvorte kontajner AMP.
Pridajte útržok kódu Správcu značiek na stránky AMP.
Konfigurujte a zverejnite značky v kontajneri Správcu značiek.

Vytvorenie kontajnera AMP

V Správcovi značiek sa používa typ kontajnera AMP. Ak chcete pre svoj projekt vytvoriť nový kontajner AMP, postupujte takto:

Na obrazovke Účty kliknite na ikonu ďalších akcií () pri účte, ktorý chcete použiť. Vyberte možnosť Vytvoriť kontajner.
Príslušný kontajner pomenujte. Použite popisný názov, napr. example.com – správy – AMP.
V sekcii Miesto použitia kontajnera vyberte možnosť AMP.
Kliknite na tlačidlo Vytvoriť.

Váš kontajner je pripravený. Ďalším krokom je inštalácia kódu Správcu značiek na stránkach AMP.

Správca značiek vám poskytne informácie, ako najlepšie inštalovať útržok kódu. Ďalšie pokyny nájdete v nasledujúcej sekcii.

Pridanie útržku kódu Správcu značiek

Po vytvorení nového kontajnera AMP sa zobrazí obrazovka Inštalácia Správcu značiek Google. V Správcovi značiek máte k dispozícii dva útržky kódu. Skopírujte ich, aby sa zobrazili na stránkach AMP.

Poznámka: Ak budete chcieť neskôr zobraziť útržok kódu, kliknite na identifikačné číslo kontajnera uvedené v hornej časti stránky súhrnu pracovného priestoru alebo na možnosť Správca a potom na možnosť Inštalovať Správcu značiek Google.

Prostredníctvom prvého útržku sa na stránku AMP pridá komponent amp‑analytics. Tento kód je potrebné umiestniť na koniec sekcie <head> vašej stránky. Na stránke by sa mal zároveň zobraziť iba raz.

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

Dôležité: Tento kód pridajte na svoju stránku iba v prípade, že ho tam ešte nemáte, a zabezpečte, aby sa na každej stránke zobrazil len raz.

Prostredníctvom druhého útržku sa amp‑analytics konfiguruje na používanie Správcu značiek. Umiestnite tento kód hneď za otvárací prvok <body>. Nahraďte GTM‑CONTAINER_ID identifikátorom kontajnera Správcu značiek alebo z používateľského rozhrania Správcu značiek skopírujte celý útržok a prilepte ho.

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>

Konfigurácia a zverejnenie kontajnera

Ak ste na stránkach inštalovali útržok kontajnera správne, budú sa môcť na nich spúšťať značky nasadené zo Správcu značiek. Ďalším krokom je vytvorenie konfigurácií značiek a zverejnenie kontajnera.

Vytvorenie novej značky:

Kliknite na možnosť Značky Nová.
Kliknite na kartu Konfigurácia značky a zo zoznamu podporovaných značiek AMP vyberte typ značky.
Príslušnú značku konfigurujte pomocou informácií od poskytovateľa značky.
Kliknite na kartu Spúšťanie a pridajte aspoň jednu podmienku udalosti, vďaka ktorej sa príslušná značka spustí.
Spúšťač pomenujte a kliknite na tlačidlo Uložiť.

Tieto kroky opakujte aj v prípade ďalších konfigurácií značiek. Po dokončení konfigurácie kontajner zverejnite, aby sa mohli prejaviť vykonané zmeny.

Premenné stránok

Správca značiek dokáže zachytiť premenné AMP a použiť ich v konfiguráciách značiek a spúšťačov. Napríklad premenné stránky, ktorá slúži na predaj topánok, môžu opisovať vlastnosti konkrétnej topánky. Tieto hodnoty môžu byť použité na vytvorenie premenných Správcu značiek:

<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" : {
              "typ": "topánky",
              "farba": "červené"
          }
      }
  </script>
</amp-analytics>

Ak chcete v Správcovi značiek vytvoriť premennú definovanú používateľom, ktorá z kódu uvedeného vyššie zachytí premennú farby, postupujte takto:

Kliknite na možnosť Premenné.
V sekcii Premenné definované používateľom kliknite na tlačidlo Nová.
Kliknite na kartu Konfigurácia premennej a vyberte možnosť Premenná AMP.
Do poľa Názov premennej AMP zadajte názov poľa (napr. farba).
Pomenujte premennú popisným názvom (napr. Premenná AMP – farba).
Kliknite na tlačidlo Uložiť.

Značky AMP s podporou Správcu značiek

Pomohlo vám to?

Ako ju môžeme zlepšiť?