Πώς να εγκαταστήσετε το GLAMI Pixel στο Google Tag Manager (GTM);

Οδηγός εγκατάστασης του GLAMI Pixel στο Google Tag Manager. Για την εγκατάσταση απαιτείται να συμπληρώσετε κάποιες πληροφορίες όπως το κλειδί API (API key), τον κωδικό χώρας και την τιμή cookies consent σε κάθε ένα από τα τέσσερα tag.

Προσθέστε το template του GLAMI Pixel στο workspace σας

Ως πρώτο βήμα, προσθέστε το διαθέσιμο template του GLAMI Pixel για το Google Tag Manager στο workspace σας. Μπορείτε να το βρείτε Community Template Gallery:

Υπάρχουν τέσσερις τύποι events που παρακολουθούνται από το GLAMI Pixel:

PageView Καλείται σε κάθε σελίδα
ViewContent Καλείται κάθε φορά που ο χρήστης βλέπει προϊόντα σε λίστα (σελίδα κατηγορίας) ή μεμονωμένο προϊόν (σελίδα προϊόντος).
AddToCart Καλείται κάθε φορά που ο χρήστης προσθέτει ένα προϊόν στο καλάθι.
Transaction Καλείται όταν ολοκληρωθεί η παραγγελία.
  • Για να δημιουργήσετε ένα νέο tag, μεταβείτε στη σελίδα "Tags" στο Tag Manager σας και κάντε κλικ στην επιλογή "New".
  • Κάθε tag αποτελείται από δύο μέρη - το Tag Configuration που ορίζει τι να κάνει και ένα Trigger που λέει πότε να το κάνει.

GLAMI Pixel - PageView (event 1/4)

Ονομάστε το πρώτο tag "GLAMI Pixel - PageView" και ως tag type επιλέξτε "GLAMI piXel".

Για αρχή, πρέπει να συμπληρώσετε τέσσερα στοιχεία:

  • Κλειδί API - Μπορείτε να το βρείτε στο διαχειριστικό σας στο GLAMI. Πηγαίνετε Ρυθμίσεις -> "GLAMI pixel".
  • Κωδικός χώρας - Πρόκειται για έναν κωδικό δύο γραμμάτων που προσδιορίζει τη χώρα. Μπορείτε να τον βρείτε ως κωδικό Alpha-2 στη σελίδα: https://www.iban.com/country-codes.
    Παραδείγματα: Ιταλία -> IT, Ελλάδα -> GR
  • Τιμή cookies consent - Αυτή η μεταβλητή περιέχει τη συγκατάθεση για cookies.
  • Track type - Επιλέξτε τον ανάλογο τύπο event.

Στη συνέχεια, πρέπει να επιλέξετε ένα trigger. Για αυτό το tag, μπορείτε να χρησιμοποιήσετε ένα από τα default trigger που ονομάζεται "All Pages". Αυτό θα διασφαλίσει ότι το pixel είναι ενεργό σε κάθε σελίδα.

GLAMI Pixel - ViewContent (event 2/4)

Ονομάστε το δεύτερο tag "GLAMI Pixel - ViewContent" και ως τύπο tag επιλέξτε "GLAMI pixel".

Υπάρχουν τέσσερις βασικές πληροφορίες που πρέπει να συμπληρώσετε:

  • Κλειδί API - Μπορείτε να το βρείτε στο διαχειριστικό σας στο GLAMI.
    Πηγαίνετε Ρυθμίσεις -> "GLAMI pixel".
  • Κωδικός χώρας - Πρόκειται για έναν κωδικό δύο γραμμάτων που προσδιορίζει τη χώρα. Μπορείτε να τον βρείτε ως κωδικό Alpha-2 στη σελίδα: https://www.iban.com/country-codes.
    Παραδείγματα: Ιταλία -> IT, Ελλάδα -> GR
  • Τιμή cookies consent - Αυτή η μεταβλητή περιέχει τη συγκατάθεση cookies.
  • Track type - Επιλέξτε τον ανάλογο τύπο event. 

Υπάρχουν επίσης δύο μεταβλητές ειδικά για αυτό το tag:

  • Τύπος περιεχομένου - Επιλέξτε αν το περιεχόμενο της σελίδας είναι ένα συγκεκριμένο προϊόν ή μια κατηγορία.
  • ID προϊόντος - Το ITEM_ID του προβαλλόμενου προϊόντος. Βεβαιωθείτε ότι τα IDs είναι τα ίδια με αυτά του feed σας.

Για να προχωρήσετε, πρέπει να προσθέσετε ένα trigger σε αυτό το tag.

  1. Επιλέξτε τον τύπο "Page View - Window Loaded".
  2. Επιλέξτε "Some Window Loaded Events".
  3. Επιλέξτε "Page URL" και "contains".

Το τελευταίο μέρος θα διαφέρει με βάση τη σελίδα σας. Θα πρέπει να είναι αυτό που εμφανίζεται ως URL για τη σελίδα επιβεβαίωσης της παραγγελίας. Παραδείγματα:

  • “product” - https://MyWebsite.com/product/35256.html
  • “item” - https://MyWebsite.com/item/donna/shoes/123

Παρακαλούμε σημειώστε ότι τα triggers και τα Data Layer Variable Names που παρουσιάζονται στο βίντεο είναι απλώς παραδείγματα και θα πρέπει να προσαρμοστούν για την σελίδα σας.

    GLAMI Pixel - AddToCart (event 3/4)

    Ονομάστε το τρίτο tag "GLAMI Pixel - AddToCart" και ως τύπο tag επιλέξτε "GLAMI piXel".

    Υπάρχουν τέσσερις βασικές πληροφορίες που πρέπει να συμπληρώσετε:

    • Κλειδί API - Μπορείτε να το βρείτε στο διαχειριστικό σας στο GLAMI.
      Πηγαίνετε Ρυθμίσεις -> "GLAMI pixel".
    • Κωδικός χώρας - Πρόκειται για έναν κωδικό δύο γραμμάτων που προσδιορίζει τη χώρα. Μπορείτε να τον βρείτε ως κωδικό Alpha-2 στη σελίδα:  https://www.iban.com/country-codes. Παραδείγματα: Ιταλία -> IT, Ελλάδα -> GR
    • Τιμή cookies consent - Αυτή η μεταβλητή περιέχει τη συγκατάθεση cookies.
    • Track type - Επιλέξτε τον ανάλογο τύπο event.

    Υπάρχουν επίσης τέσσερις μεταβλητές ειδικά για αυτό το tag:

    • ID προϊόντος - Το ITEM_ID του προϊόντος που προστέθηκε στο καλάθι.
    • Ονόματα προϊόντων - Το όνομα του προϊόντος που προστέθηκε.
    • Τιμή προϊόντος - Η τιμή του προστιθέμενου προϊόντος.
    • Νόμισμα - Το νόμισμα της τιμής του προϊόντος.

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

    Αυτό μπορεί να γίνει με τον τύπο trigger “Click - All Elements”.

      Τα triggers και τα Data Layer Variable Names που παρουσιάζονται στο βίντεο είναι απλώς παραδείγματα και θα πρέπει να προσαρμοστούν για την σελίδα σας.

      GLAMI Pixel - Transaction (event 4/4)

      Ονομάστε το τελευταίο tag "GLAMI Pixel - Transaction" και ως τύπο tag επιλέξτε "GLAMI piXel".

      Υπάρχουν τέσσερις βασικές πληροφορίες που πρέπει να συμπληρωθούν:

      • Κλειδί API - Μπορείτε να το βρείτε στο διαχειριστικό σας στο GLAMI.
        Πηγαίνετε Ρυθμίσεις -> "GLAMI pixel".
      • Κωδικός χώρας - Πρόκειται για έναν κωδικό δύο γραμμάτων που προσδιορίζει τη χώρα. Μπορείτε να τον βρείτε ως κωδικό Alpha-2 στη σελίδα: https://www.iban.com/country-codes.
        Παραδείγματα: Ιταλία -> IT, Ελλάδα -> GR
      • Τιμή cookies consent - Αυτή η μεταβλητή περιέχει τη συγκατάθεση cookies.
      • Track type - Επιλέξτε τον ανάλογο τύπο event. 

      Υπάρχουν πέντε επιπλέον μεταβλητές σε αυτό το tag:

      • Transaction ID - Αριθμός που χρησιμοποιείται για την αναγνώριση της παραγγελίας.
      • Αξία παραγγελίας - Συνολική αξία της παραγγελίας.
      • Νόμισμα παραγγελίας - Νόμισμα της παραγγελίας.
      • Ονόματα προϊόντων - Ονόματα όλων των αγορασθέντων προϊόντων.
      • Product IDs - Τα ITEM_IDs όλων των προϊόντων που αγοράσθηκαν. Βεβαιωθείτε ότι τα IDs είναι τα ίδια με εκείνα του feed σας.

      Το Trigger μπορεί να γίνει με όμοια τρόπο με του ViewContent.

      1. Επιλέξτε τον τύπο "Page View - Window Loaded".
      2. Επιλέξτε "Some Window Loaded Events".
      3. Επιλέξτε "Page URL" και "contains".

      Το τελευταίο μέρος θα διαφέρει με βάση τη σελίδα σας. Θα πρέπει να είναι αυτό που εμφανίζεται ως URL για τη σελίδα επιβεβαίωσης της παραγγελίας. Παραδείγματα:

      • “thank_you” - https://MyWebsite.com/order/thank_you
      • “orderreceived” - https://MyWebsite.com/orderreceived/24625

      Τα triggers και τα Data Layer Variable Names που παρουσιάζονται στο βίντεο είναι απλώς παραδείγματα και θα πρέπει να προσαρμοστούν για την σελίδα σας.

      Συγχαρητήρια!
      Το GLAMI Pixel έχει πλέον εγκατασταθεί. Μην ξεχάσετε να δημοσιεύσετε (publish) το container σας.
      Συνιστούμε να δοκιμάσετε ότι λειτουργεί μέσα από το preview mode (προεπισκόπηση).


       

      Πώς να ελέγξετε την εγκατάσταση;

      Για να ενεργοποιήσετε τo mode προεπισκόπησης και εντοπισμού σφαλμάτων (preview and debug mode) για το τρέχον workspace σας:

      1. Επιλέξτε Preview στην πάνω δεξιά γωνία του workspace σας.
      2. Εισάγετε τη διεύθυνση URL του website σας.
      3. Ορισμένα website ή σελίδες ενδέχεται να μην λειτουργούν με μια πρόσθετη παράμετρο debug που προστίθεται στη διεύθυνση URL. Αν είναι έτσι, κάνετε uncheck στο πλαίσιο Include debug signal in the URL.
      4. Επιλέξτε Connect. H σελίδα σας ανοίγει σε ένα νέο παράθυρο και εμφανίζεται ως Connected κάτω δεξιά.
      5. Κάντε κλικ ξανά στο Assistant tab και επιλέξτε Continue για να αποκτήσετε πρόσβαση στο debug interface.

      Η πάνω μπάρα πλοήγησης δίνει πρόσβαση σε πληροφορίες σχετικά με τα Tags, Variables, και τα Data Layer, ενώ η αριστερή μπάρα Summary εμφανίζει μια λίστα από event.

      • Tags: Κάντε κλικ στην επιλογή Tags για να δείτε ποια tag έγιναν fire και ποια όχι. Κάντε κλικ σε ένα tag για να προβάλετε τις ιδιότητες του tag και τα σχετικά triggers. Όταν επιλέγεται ένα event στην αριστερή στήλη, η καρτέλα Ετικέτες θα εμφανίζει την κατάσταση των tag για το συγκεκριμένο event.
      • Variables: Η καρτέλα Variables (μεταβλητές) θα εμφανίσει λεπτομερείς πληροφορίες σχετικά με τα variables στο επιλεγμένο event, συμπεριλαμβανομένου του τύπου του variable, του τύπου των δεδομένων που επιστρέφουν και τις resolved value. Επιλέξτε ένα event στην πλοήγηση αριστερά για να δείτε την κατάσταση των variables κατά τη στιγμή που το event έγινε fire.
      • Data Layer: Η καρτέλα Data Layer θα εμφανίσει το ακριβές μήνυμα, όπως αυτό προωθήθηκε στο data layer για το επιλεγμένο event, καθώς και το πώς είναι το data layer μετά την ολοκλήρωση του μηνύματος transaction. Επιλέξτε ένα event στην πλοήγηση αριστερά για να δείτε την κατάσταση του data layer τη στιγμή που το event έγινε fire.

      FAQ - ΣΥΧΝEΣ ΕΡΩΤΗΣΕΙΣ

      Πώς να δημιουργήσετε μια νέα μεταβλητή (variable);

      Για αυτό το παράδειγμα, θα δημιουργήσουμε μια transaction ID variable. Αρχικά, μεταβείτε στη σελίδα “Variable” στη Διαχείριση ετικετών και κάντε κλικ στην επιλογή “New”. Μπορείτε να την ονομάσετε "Transaction ID" και να επιλέξετε τον τύπο “Data Layer Variable”. Στο όνομα μεταβλητής data layer, πρέπει να γράψετε το path προς τα δεδομένα αυτά, για παράδειγμα: "ecommerce.transaction_id"

      Πώς μπορώ να ελέγξω το Data Layer Variable;

      Ανοίξτε τη λειτουργία preview and debug mode στο Tag Manager και επιλέξτε την καρτέλα "Data Layer". Εδώ θα δείτε τις πληροφορίες που προωθήθηκαν στο data layer.

      Για περισσότερες πληροφορίες μπορείτε να επισκεφθείτε το Google Support ή στον ακόλουθο σύνδεσμο: https://support.google.com/tagmanager/answer/6107056

      Πώς να δημιουργήσετε μια μεταβλητή GTM από έναν dataLayer array; / Πώς να στείλετε πολλαπλά IDs σε μια μόνο μεταβλητή;

      Τα ID προϊόντος μπορούν να χωριστούν σε δύο μεταβλητές.
      Η πρώτη θα ονομάζεται "transactionProducts" με τύπο "Data Layer Variable". Για το Data Layer Variable Name, επιλέξτε όλα τα προϊόντα, για παράδειγμα: ecommerce.items
      Η δεύτερη θα ονομάζεται "transactionProductsIds" με τύπο "Custom JavaScript". Αυτό θα ανοίξει ένα νέο πεδίο κειμένου στο οποίο μπορείτε να επικολλήσετε τον ακόλουθο κώδικα:

      function () { return .map(function(a) {return a.id;}); }

      Στo tag "GLAMI Pixel - Transaction", μπορείτε να συνδέσετε τη δεύτερη μεταβλητή "transactionProductsIds".

      Πρέπει να υλοποιήσω όλα τα tags/ events;

      Συνιστάται ιδιαίτερα να υλοποιήσετε όλα τα tags, καθώς κάθε ένα από αυτά παρέχει πολύτιμες πληροφορίες που επιτρέπουν να βελτιστοποιήσουμε τις προωθητικές καμπάνιες και να πετύχουμε καλύτερη απόδοση πωλήσεων για εσάς. Για να μπορεί να λειτουργήσει (αλλά μόνο βασικά) το Pixel, είναι υποχρεωτικά τα PageView και Transaction.

      Πρέπει να συνδέσω όλες τις μεταβλητές με τα tags;

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

      Γιατί χρειάζομαι cookies consent;

      Η παράμετρος consent επιτρέπει στα συνεργαζόμενα καταστήματα να προσαρμόζεται η συμπεριφορά του GLAMI Pixel με βάση τη συγκατάθεση των χρηστών για τη χρήση των cookies. Εάν υπάρχει συγκατάθεση (τιμή 1) ή η παράμετρος consent δεν έχει οριστεί, το GLAMI επεξεργάζεται τα δεδομένα πλήρως. Εάν δεν υπάρχει συγκατάθεση (τιμή 0), τα δεδομένα επεξεργάζονται ανώνυμα, χωρίς να χρησιμοποιούνται δεδομένα από τον συγκεκριμένο χρήστη.

      Το GLAMI Pixel είναι απαραίτητο για την σωστή λειτουργία και την προώθηση του e-shop σας στο GLAMI. Για αυτό το λόγο υποστηρίζει την παράμετρο Consent, με την οποία το συνεργαζόμενο e-shop παρέχει στο GLAMI πληροφορίες σχετικά με το αν ο χρήστης έχει δώσει τη συγκατάθεσή του για τη δημιουργία analytical cookies.