Get started with Tag Manager

2. Εγκατάσταση κοντέινερ ιστού

Επόμενο: 3. Προσθήκη ετικετών στον Διαχειριστή ετικετών Google

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

Πριν ξεκινήσετε

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

Βήματα

Μεταβείτε στη διεύθυνση https://tagmanager.google.com.
Συνδεθείτε στον Λογαριασμό σας Google. Μάθετε πώς μπορείτε να δημιουργήσετε έναν Λογαριασμό Google.
Ανοίξτε το κοντέινερ του Διαχειριστή ετικετών που θέλετε να επεξεργαστείτε.
Στην καρτέλα Χώρος εργασίας, επιλέξτε το αναγνωριστικό του κοντέινερ (το οποίο αρχίζει με GTM).
Στο παράθυρο διαλόγου Εγκατάσταση του Διαχειριστή ετικετών Google, ακολουθήστε τα εξής βήματα για κάθε σελίδα του ιστοτόπου σας:

Σημείωση: Αν ο ιστότοπός σας έχει δημιουργηθεί με εργαλείο δημιουργίας ιστοτόπων ή σύστημα διαχείρισης περιεχομένου (CMS), όπως το Wordpress, το Shopify ή το Wix, μπορείτε να ρυθμίσετε την ετικέτα Google με μια ενσωμάτωση που δεν απαιτεί την ενημέρωση του κώδικα σε κάθε σελίδα του ιστοτόπου σας. Μάθετε πώς μπορείτε να εγκαταστήσετε την ετικέτα Google με ένα εργαλείο δημιουργίας ιστοτόπων ή με CMS
1. Αντιγράψτε το πρώτο μπλοκ κώδικα και επικολλήστε το όσο το δυνατόν πιο ψηλά στην ετικέτα <head>.
  
  Παράδειγμα
  Στο ακόλουθο δείγμα κώδικα HTML, θα επικολλήσετε το πρώτο απόσπασμα κώδικα του Διαχειριστή ετικετών Google μετά την ετικέτα HTML <head> ανοίγματος. Λάβετε υπόψη ότι το παρακάτω παράδειγμα χρησιμοποιεί το στοιχείο GTM-ABCDEFGH, αλλά εσείς πρέπει να αντικαταστήσετε το αναγνωριστικό με το αναγνωριστικό του κοντέινερ.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <h1>Καλώς ορίσατε στον ιστότοπό μου</h1>
  <p>Αυτό είναι ένα δείγμα παραγράφου στην ιστοσελίδα μου.</p>
  </body>
  </html>
2. Αντιγράψτε το δεύτερο μπλοκ κώδικα και επικολλήστε το αμέσως μετά την ετικέτα <body> ανοίγματος.
  
  Παράδειγμα
  Στο ακόλουθο δείγμα κώδικα HTML, θα επικολλήσετε το δεύτερο απόσπασμα κώδικα του Διαχειριστή ετικετών Google αμέσως μετά την ετικέτα HTML <body> ανοίγματος. Λάβετε υπόψη ότι το παρακάτω παράδειγμα χρησιμοποιεί το στοιχείο GTM-ABCDEFGH, αλλά εσείς πρέπει να αντικαταστήσετε το αναγνωριστικό με το αναγνωριστικό του κοντέινερ.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Καλώς ορίσατε στον ιστότοπό μου</h1>
  <p>Αυτό είναι ένα δείγμα παραγράφου στην ιστοσελίδα μου.</p>
  </body>
  </html>
3. Δοκιμάστε τον ιστότοπό σας, καταχωρίζοντας τον σύνδεσμο του ιστοτόπου σας και, στη συνέχεια, κάνοντας κλικ στην επιλογή Δοκιμή.
Κάντε κλικ στην επιλογή ΟΚ.

Επόμενα βήματα

Χρησιμοποιήστε τον Διαχειριστή ετικετών Google, για να ρυθμίσετε και να διαχειριστείτε ετικέτες.

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

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