Οδηγός ρύθμισης AMP και Διαχειριστή ετικετών

Το έργο Accelerated Mobile Pages (AMP) είναι μια πλατφόρμα ανοιχτού κώδικα στον ιστό που συμβάλλει στη βελτίωση της απόδοσης του περιεχομένου σας στον ιστό. Το AMP περιλαμβάνει ενσωματωμένη υποστήριξη για τον Διαχειριστή ετικετών Google. Αυτό το έγγραφο περιγράφει τον προτεινόμενο τρόπο ρύθμισης του Διαχειριστή ετικετών Google σε σελίδες AMP.

Για να εγκαταστήσετε τον Διαχειριστή ετικετών για AMP:

Δημιουργήστε ένα κοντέινερ AMP στον Διαχειριστή ετικετών.
Προσθέστε το απόσπασμα Διαχειριστή ετικετών στις σελίδες AMP.
Διαμορφώστε τις ετικέτες στο κοντέινερ Διαχειριστή ετικετών και δημοσιεύστε το.

Δημιουργήστε ένα κοντέινερ AMP

Ο Διαχειριστής ετικετών διαθέτει έναν τύπο κοντέινερ AMP. Δημιουργήστε ένα νέο κοντέινερ AMP για το έργο σας:

Στην οθόνη Λογαριασμοί, κάντε κλικ στην επιλογή Περισσότερες ενέργειες () για τον λογαριασμό που θέλετε να χρησιμοποιήσετε. Επιλέξτε το στοιχείο Δημιουργία κοντέινερ.
Ονομάστε το κοντέινερ. Χρησιμοποιήστε ένα περιγραφικό όνομα, π.χ. "example.com - ειδήσεις- AMP".
Στην ενότητα Πού μπορεί να χρησιμοποιηθεί το κοντέινερ, επιλέξτε AMP.
Κάντε κλικ στην επιλογή Δημιουργία.

Το κοντέινερ είναι έτοιμο. Το επόμενο βήμα είναι να εγκαταστήσετε τον κώδικα του Διαχειριστή ετικετών στις σελίδες AMP.

Ο Διαχειριστής ετικετών θα παρέχει πληροφορίες σχετικά με το πώς να εγκαταστήσετε καλύτερα το απόσπασμα κώδικα. Μπορείτε να ανατρέξετε στην επόμενη ενότητα για περαιτέρω καθοδήγηση.

Προσθέστε το απόσπασμα του Διαχειριστή ετικετών

Αφού δημιουργήσετε το νέο κοντέινερ AMP, θα εμφανιστεί η οθόνη Εγκατάσταση Διαχειριστή ετικετών Google. Ο Διαχειριστής ετικετών παρέχει δύο αποσπάσματα κώδικα. Αντιγράψτε αυτά τα αποσπάσματα κώδικα, ώστε να εμφανίζονται στις σελίδες AMP.

Σημείωση: Για να αποκτήσετε πρόσβαση στο απόσπασμα κώδικα αργότερα, κάντε κλικ στον αριθμό αναγνωριστικού κοντέινερ στο επάνω μέρος της σελίδας επισκόπησης χώρου εργασίας ή κάντε κλικ στο στοιχείο Διαχειριστής και, στη συνέχεια, στην επιλογή Εγκατάσταση Διαχειριστή ετικετών Google.

Το πρώτο απόσπασμα προσθέτει το στοιχείο amp-analytics στη σελίδα AMP. Αυτός ο κώδικας τοποθετείται στο τέλος της ενότητας <head> της σελίδας σας και πρέπει να εμφανίζεται μόνο μία φορά στη σελίδα.

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

Σημαντικό: Προσθέστε αυτόν τον κώδικα στη σελίδα σας μόνο αν δεν υπάρχει ήδη και βεβαιωθείτε ότι εμφανίζεται μόνο μία φορά ανά σελίδα.

Το δεύτερο απόσπασμα διαμορφώνει το στοιχείο amp-analytics για τη χρήση του Διαχειριστή ετικετών. Τοποθετήστε αυτόν τον κώδικα αμέσως μετά το στοιχείο ανοίγματος <body>. Αντικαταστήστε το GTM-CONTAINER_ID με το αναγνωριστικό κοντέινερ Διαχειριστή ετικετών ή αντιγράψτε και επικολλήστε ολόκληρο το απόσπασμα από τη διεπαφή χρήστη του Διαχειριστή ετικετών.

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

Διαμορφώστε το κοντέινερ και δημοσιεύστε το

Αν στις σελίδες σας έχει εγκατασταθεί σωστά το απόσπασμα κοντέινερ, τότε οι σελίδες σας θα μπορούν να ενεργοποιούν ετικέτες που αναπτύσσονται από τον Διαχειριστή ετικετών. Το επόμενο βήμα είναι να δημιουργήσετε διαμορφώσεις ετικετών και να δημοσιεύσετε το κοντέινερ.

Για να δημιουργήσετε μια νέα ετικέτα:

Κάντε κλικ στο στοιχείο Ετικέτες Νέα.
Κάντε κλικ στην επιλογή Διαμόρφωση ετικέτας και επιλέξτε τον τύπο ετικέτας από τη λίστα υποστηριζόμενων ετικετών AMP.
Διαμορφώστε την ετικέτα με τις πληροφορίες που παρέχονται από τον προμηθευτή ετικέτας.
Κάντε κλικ στην επιλογή Ενεργοποίηση και προσθέστε μία ή περισσότερες συνθήκες συμβάντος που θα προκαλούν την ενεργοποίηση της ετικέτας.
Ονομάστε τον κανόνα ετικέτας και κάντε κλικ στην επιλογή Αποθήκευση.

Επαναλάβετε αυτά τα βήματα για τυχόν πρόσθετες διαμορφώσεις ετικετών. Όταν είναι έτοιμη η διαμόρφωση του κοντέινερ, δημοσιεύστε το κοντέινερ, για να εφαρμοστούν οι αλλαγές.

Μεταβλητές σελίδας

Ο Διαχειριστής ετικετών μπορεί να καταγράψει τις μεταβλητές AMP και να τις χρησιμοποιήσει σε διαμορφώσεις ετικετών και κανόνων ετικέτας. Για παράδειγμα, μια σελίδα που πουλά παπούτσια μπορεί να έχει μεταβλητές που περιγράφουν τις ιδιότητες ενός συγκεκριμένου παπουτσιού. Αυτές οι τιμές μπορούν να χρησιμοποιηθούν για τη δημιουργία μεταβλητών Διαχειριστή ετικετών:

<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" : {
              "τύπος": "παπούτσια",
              "χρώμα": "κόκκινο"
          }
      }
  </script>
</amp-analytics>

Για να δημιουργήσετε μια μεταβλητή που καθορίζεται από τον χρήστη στον Διαχειριστή ετικετών και καταγράφει τη μεταβλητή χρώματος από τον παραπάνω κώδικα:

Κάντε κλικ στην επιλογή Μεταβλητές.
Στην ενότητα Μεταβλητές καθορισμένες από τον χρήστη, κάντε κλικ στην επιλογή Νέα.
Κάντε κλικ στην επιλογή Διαμόρφωση μεταβλητής και επιλέξτε Μεταβλητή AMP.
Στο πεδίο Όνομα μεταβλητής Amp, καταχωρίστε το όνομα του πεδίου (π.χ. "χρώμα".)
Δώστε ένα περιγραφικό όνομα στη μεταβλητή (π.χ. "Μεταβλητή AMP - χρώμα".)
Κάντε κλικ στην επιλογή Αποθήκευση.

Ετικέτες AMP με υποστήριξη Διαχειριστή ετικετών

Σας βοήθησε αυτό;

Με ποιον τρόπο μπορούμε να το βελτιώσουμε;