Vodnik za nastavitev AMP in Upravitelja oznak

Accelerated Mobile Pages Project (AMP) je odprtokodna spletna platforma, ki pomaga izboljšati učinkovitost delovanja spletne vsebine. AMP vključuje vgrajeno podporo za Google Upravitelja oznak. V tem dokumentu je opisan priporočen način nastavitve Google Upravitelja oznak na straneh AMP.

Če želite namestiti Upravitelja oznak za AMP:

V Upravitelju oznak ustvarite vsebnik AMP.
Na strani AMP dodajte delček kode Upravitelja oznak.
Konfigurirajte oznake v vsebniku Upravitelja oznak in objavite.

Ustvarjanje vsebnika AMP

Upravitelj oznak vsebuje vrsto vsebnika AMP. Ustvarite nov vsebnik AMP za vaš projekt:

Na zaslonu Računi kliknite Več dejanj () za račun, ki ga želite uporabiti. Izberite Ustvari vsebnik.
Poimenujte vsebnik. Uporabite opisno ime, npr. »example.com – novice – AMP«.
V razdelku Kje uporabiti vsebnik izberite AMP.
Kliknite Ustvari.

Vsebnik je zdaj pripravljen. V naslednjem koraku boste kodo Upravitelja oznak namestili na strani AMP.

Upravitelj oznak bo zagotovil podatke o tem, kako je najbolje namestiti delček kode. Za dodatno pomoč si lahko ogledate naslednji razdelek.

Dodajanje delčka Upravitelja oznak

Ko ustvarite novi vsebnik AMP, bo prikazan zaslon Namestitev Google Upravitelja oznak. Upravitelj oznak priskrbi dva delčka kode. Kopirajte ta delčka kode, tako da bosta prikazana na straneh AMP.

Opomba: za poznejši dostop do delčka kode kliknite številko ID-ja vsebnika na vrhu strani pregleda delovnega prostora ali pa kliknite Skrbnik in nato Namestitev Google Upravitelja oznak.

Prvi delček doda komponento »amp-analytics« na stran AMP. Ta koda je na strani umeščena na konec razdelka <head> in mora biti na strani prikazana samo enkrat.

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

Pomembno: to kodo dodajte na stran samo, če še ne obstaja. Poleg tega zagotovite, da je na strani prikazana samo enkrat.

Drugi delček konfigurira komponento »amp-analytics«, da bo uporabljala Upravitelja oznak. To kodo umestite neposredno za začetnim elementom <body>. GTM-CONTAINER_ID zamenjajte z ID-jem vsebnika Upravitelja oznak ali pa kopirajte in prilepite celoten delček iz uporabniškega vmesnika Upravitelja oznak.

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

Konfiguriranje vsebnika in objava

Ko je delček vsebnika pravilno nameščen na straneh, bodo lahko strani sprožale oznake, uvedene v Upravitelju oznak. V naslednjem koraku boste ustvarili konfiguracije oznak in objavili vsebnik.

Če želite ustvariti novo oznako:

Kliknite Oznake Nova.
Kliknite Konfiguracija oznake in izberite vrsto oznake s seznama podprtih oznak AMP.
Oznako konfigurirajte s podatki, ki vam jih je posredoval ponudnik oznake.
Kliknite Sprožanje in dodajte enega ali več pogojev dogodkov, ki bodo sprožali oznako.
Poimenujte sprožilec in kliknite Shrani.

Ta postopek ponovite za vse dodatne konfiguracije oznak. Ko bo konfiguracija vsebnika pripravljena, objavite vsebnik, da bodo spremembe začele veljati.

Spremenljivke strani

Upravitelj oznak lahko zajame spremenljivke AMP ter jih uporabi v konfiguracijah oznak in sprožilcev. Primer: stran, ki prodaja čevlje, morda uporablja spremenljivke, ki opisujejo lastnosti določenega čevlja. S temi vrednostmi lahko ustvarite spremenljivke Upravitelja oznak:

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

Če želite v Upravitelju oznak ustvariti uporabniško določeno spremenljivko, ki iz zgornje kode zajame spremenljivko barve (color), upoštevajte ta postopek:

Kliknite Spremenljivke.
V razdelku Uporabniško določene spremenljivke kliknite Novo.
Kliknite Konfiguracija spremenljivke in izberite Spremenljivka AMP.
V polje Ime spremenljivke AMP vnesite ime polja (npr. »color«.)
Spremenljivko poimenujte z opisnim imenom (npr. »Spremenljivka AMP – color«.)
Kliknite Shrani.

Oznake AMP s podporo Upravitelja oznak

Je bilo to uporabno?

Kako lahko to izboljšamo?