Ghid de configurare pentru AMP și Managerul de etichete

Accelerated Mobile Pages Project (AMP) este o platformă web open-source care contribuie la îmbunătățirea performanței conținutului dvs. web. AMP are compatibilitate încorporată pentru Google Manager de etichete. Acest document descrie modalitatea recomandată de a configura Google Manager de etichete în pagini AMP.

Ca să instalați Managerul de etichete pentru AMP:

creați un container AMP în Managerul de etichete;
adăugați fragmentul Manager de etichete în paginile dvs. AMP;
configurați etichete în containerul Manager de etichete și publicați-l.

Creați un container AMP

Managerul de etichete include un tip de container AMP. Creați un container AMP nou pentru proiectul dvs.:

în ecranul Conturi, dați clic pe Mai multe acțiuni () pentru contul pe care doriți să îl folosiți. Selectați Creați un container.
denumiți containerul. Folosiți un nume descriptiv, cum ar fi „example.com - news - AMP”;
sub Unde se folosește containerul, selectați AMP;
dați clic pe Creați.

Acum, containerul dvs. este gata. Următorul pas este să instalați codul Manager de etichete în paginile dvs. AMP.

Managerul de etichete va oferi informații despre cea mai bună modalitate de instalare a fragmentului de cod, iar dvs. puteți să consultați secțiunea următoare pentru mai multe sfaturi.

Adăugarea fragmentului Manager de etichete

După ce creați noul container AMP, va apărea ecranul Instalați Google Manager de etichete. Managerul de etichete oferă două fragmente de cod. Copiați aceste fragmente de cod, astfel încât să apară în paginile dvs. AMP.

Notă: pentru a accesa fragmentul de cod ulterior, dați clic pe numărul de identificare a containerului în partea de sus a paginii Prezentare generală a spațiului de lucru și dați clic pe Administrator, apoi pe Instalați Google Manager de etichete.

Primul fragment adaugă componenta AMP Analytics în pagina dvs. AMP. Acest cod este plasat la finalul secțiunii <head> a paginii și ar trebui să apară o singură dată în pagină.

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

Important: adăugați acest cod în pagina dvs. numai dacă nu există deja și asigurați-vă că apare o singură dată pe fiecare pagină.

Al doilea fragment configurează amp-analytics ca să utilizeze Managerul de etichete. Plasați acest cod imediat după elementul de deschidere <body>. Înlocuiți GTM-CONTAINER_ID cu numărul de identificare al containerului dvs. Manager de etichete sau copiați și inserați întregul fragment din interfața de utilizare a Managerului de etichete.

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

Configurați containerul și publicați-l

Când paginile dvs. au fragmentul de container instalat corect, vor putea să declanșeze etichete implementate din Managerul de etichete. Următorul pas este să creați configurații de etichete și să publicați containerul.

Pentru a crea o etichetă nouă:

dați clic pe Etichete Nouă;
dați clic pe Configurarea etichetei și selectați tipul de etichetă din lista de etichete AMP compatibile;
configurați eticheta cu informațiile oferite de furnizorul etichetei;
dați clic pe Declanșare și adăugați una sau mai multe condiții relevante care vor determina declanșarea etichetei;
denumiți declanșatorul și dați clic pe Salvați.

Repetați acești pași pentru fiecare configurație de etichetă suplimentară. Când configurația containerului este gata, publicați containerul pentru ca modificările să se aplice.

Variabile de pagină

Managerul de etichete poate să captureze variabile AMP și poate să le folosească pentru configurări de etichete și de declanșatoare. De exemplu, o pagină pe care se vând pantofi poate să aibă variabile care descriu proprietățile unui anumit pantof. Aceste valori pot fi folosite pentru a crea variabilele Managerului de etichete:

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

Pentru a crea o variabilă definită de utilizator în Managerul de etichete care redă variabilele de culoare din codul de mai sus:

dați clic pe Variabile;
sub Variabile definite de utilizator, dați clic pe Variabilă nouă;
dați clic pe Configurație variabilă și selectați Variabilă AMP;
în câmpul Nume variabilă AMP, introduceți numele câmpului (de ex. "culoare");
dați un nume descriptiv variabilei (de ex. „Variabilă AMP - culoare");
dați clic pe Salvați.

Etichete AMP cu asistență pentru Managerul de etichete

A fost util?

Cum putem să îmbunătățim această pagină?