AMP un Tagu pārvaldnieka iestatīšanas ceļvedis

Projekts Accelerated Mobile Pages (AMP) ir atklātā pirmkoda tīmekļa platforma, kas palīdz uzlabot jūsu tīmekļa satura veiktspēju. Platformā AMP ir iebūvēts Google tagu pārvaldnieka atbalsts. Šajā dokumentā ir norādīts ieteicamais veids, kā AMP lapās iestatāms Google tagu pārvaldnieks.

Lai instalētu Tagu pārvaldnieku AMP izmantošanai, veiciet tālāk norādītās darbības.

Izveidojiet AMP konteineru Tagu pārvaldniekā.
Pievienojiet savām AMP lapām Tagu pārvaldnieka koda fragmentu.
Konfigurējiet tagus Tagu pārvaldnieka konteinerā un publicējiet to.

Izveidojiet AMP konteineru

Tagu pārvaldniekā ir pieejams tāds konteineru veids kā AMP konteiners. Izveidojiet savam projektam jaunu AMP konteineru.

Ekrānā Konti noklikšķiniet uz attiecīgā konta izvēlnes Citas darbības (). Atlasiet Izveidot konteineru.
Piešķiriet konteineram nosaukumu. Izmantojiet aprakstošu nosaukumu, piemēram, “example.com — ziņas — AMP”.
Sadaļā Konteinera izmantošanas vieta atlasiet AMP.
Noklikšķiniet uz Izveidot.

Jūsu konteiners ir gatavs. Nākamā darbība ir Tagu pārvaldnieka koda ievietošana AMP lapās.

Tagu pārvaldnieks nodrošina informāciju par piemērotāko koda fragmenta ievietošanas veidu, un turpmākos norādījumus varat skatīt nākamajā sadaļā.

Pievienojiet Tagu pārvaldnieka koda fragmentu

Pēc jaunā AMP konteinera izveides tiks parādīts ekrāns Google Tagu pārvaldnieka instalēšana. Tagu pārvaldnieks nodrošina divus koda fragmentus. Nokopējiet šos koda fragmentus un ielīmējiet savās AMP lapās.

Piezīme. Lai piekļūtu koda fragmentam vēlāk, noklikšķiniet uz savas darbvietas kopsavilkuma lapas augšdaļā esošā konteinera ID numura vai noklikšķiniet uz Administrēšana un pēc tam — uz Instalēt Google tagu pārvaldnieku.

Pirmais fragments pievieno jūsu AMP lapai komponentu “amp-analytics”. Šis kods ir ievietojams lapas sadaļas <head> beigās, un tam lapā ir jābūt ievietotam tikai vienreiz.

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

Svarīgi! Pievienojiet šo kodu savai lapai tikai tad, ja tas vēl nav pievienots, un gādājiet, lai katrā lapā tas būtu ievietots tikai vienreiz.

Otrais fragments konfigurē komponentu “amp-analytics”, lai tiktu aktivizēts Tagu pārvaldnieks. Ievietojiet šo kodu tieši pēc atverošā sadaļas <body> elementa. Nomainiet GTM-CONTAINER_ID pret savu Tagu pārvaldnieka konteinera ID vai nokopējiet un ielīmējiet visu fragmentu no Tagu pārvaldnieka lietotāja saskarnes.

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

Konfigurējiet un publicējiet konteineru

Kad jūsu lapās būs pareizi ievietots konteinera fragments, tās varēs aktivizēt no Tagu pārvaldnieka izvietotos tagus. Nākamā darbība ir tagu konfigurēšana un konteinera publicēšana.

Lai izveidotu jaunu tagu, veiciet tālāk norādītās darbības.

Noklikšķiniet uz Tagi Jauns.
Noklikšķiniet uz Taga konfigurācija un atbalstīto AMP tagu sarakstā atlasiet taga veidu.
Konfigurējiet tagu, izmantojot taga nodrošinātāja sniegto informāciju.
Noklikšķiniet uz Aktivizēšana un pievienojiet vienu vai vairākus notikumu nosacījumus, kas izraisīs taga aktivizēšanu.
Piešķiriet aktivizētājam nosaukumu un noklikšķiniet uz Saglabāt.

Atkārtojiet šīs darbības, lai veiktu tagu papildu konfigurēšanu. Kad konteinera konfigurēšana būs pabeigta, publicējiet konteineru, lai izmaiņas stātos spēkā.

Lapas mainīgie

Tagu pārvaldnieks var tvert AMP mainīgos un tos izmantot tagu un aktivizētāju konfigurācijās. Piemēram, lapā, kurā tiek tirgoti apavi, varētu būt mainīgie, kas raksturo konkrētu apavu īpašības. Tālāk norādītas vērtības, ko var izmantot Tagu pārvaldnieka mainīgo izveidei

<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" : {
              "veids": "apavi",
              "krāsa": "sarkana"
          }
      }
  </script>
</amp-analytics>

Lai izveidotu lietotāja definētu mainīgo Tagu pārvaldniekā, kas tver krāsas mainīgo no iepriekš norādītā koda, veiciet tālāk minētās darbības.

Noklikšķiniet uz Mainīgie.
Cilnē Lietotāja definētie mainīgie noklikšķiniet uz Jauns.
Noklikšķiniet uz Mainīgā konfigurācija un atlasiet AMP mainīgais.
Laukā AMP mainīgā nosaukums ievadiet lauka nosaukumu (piem., “krāsa”.)
Piešķiriet mainīgajam aprakstošu nosaukumu (piem., “AMP mainīgais — krāsa”.)
Noklikšķiniet uz Saglabāt.

AMP tagi ar Tagu pārvaldnieka atbalstu

Vai tas bija noderīgs?

Kā varam to uzlabot?