Server-side παρακολούθηση στο Shopify: πώς λειτουργεί και πώς ρυθμίζεται

Η server-side παρακολούθηση στο Shopify σημαίνει ότι κάθε αγορά φτάνει στη Meta, στο TikTok και σε άλλες διαφημιστικές πλατφόρμες από τα δεδομένα παραγγελιών του καταστήματός σας, σταλμένα από έναν server, και όχι μόνο από ένα pixel στο πρόγραμμα περιήγησης του αγοραστή. Το Shopify αναφέρει κάθε πληρωμένη παραγγελία στην εφαρμογή παρακολούθησης μέσω webhook και η εφαρμογή τη στέλνει στο conversions API κάθε πλατφόρμας, αντιστοιχισμένη με το κλικ στη διαφήμιση που έφερε τον αγοραστή.

Ο οδηγός αυτός καλύπτει τα μέρη του Shopify σε αυτή τη ροή: το theme app embed και το app proxy, τα pixel στο checkout, το webhook orders/paid, την αντιστοίχιση παραγγελιών, την αφαίρεση διπλοεγγραφών, τη συγκατάθεση και τη ρύθμιση στο ROASaurus. Για τη γενική ιδέα, διαβάστε πρώτα τι είναι η server-side παρακολούθηση.

Πώς λειτουργεί η server-side παρακολούθηση στο Shopify

Το κλικ και η αγορά γίνονται σε διαφορετικές στιγμές και σε διαφορετικά σημεία. Το κλικ φαίνεται μόνο στο πρόγραμμα περιήγησης, στη σελίδα προορισμού. Η πληρωμένη παραγγελία είναι βέβαιη μόνο από την πλευρά του Shopify, όταν εισπράττεται η πληρωμή. Η server-side παρακολούθηση καταγράφει το πρώτο, περιμένει το δεύτερο και τα συνδέει.

Τα μέρη του Shopify: app embed, app proxy, pixel και webhooks

Ένα κατάστημα Shopify δίνει σε μια εφαρμογή παρακολούθησης τέσσερα σημεία για να δουλέψει. Το καθένα έχει διαφορετικό ρόλο και μια πλήρης ρύθμιση χρησιμοποιεί και τα τέσσερα.

Το theme app embed και το app proxy

Ένα theme app embed είναι ένα μπλοκ που προσθέτει μια εφαρμογή στο θέμα σας. Το ενεργοποιείτε στον επεξεργαστή θέματος, οπότε δεν υπάρχει κώδικας για επικόλληση. Το embed του ROASaurus φορτώνει ένα script σε κάθε σελίδα. Στη σελίδα προορισμού διαβάζει click ID όπως τα fbclid, ttclid και gclid και τις παραμέτρους UTM, και τα αποθηκεύει με ένα first-party ID επισκέπτη.

Το script στέλνει τα συμβάντα του μέσω του app proxy του Shopify. Ένα app proxy προωθεί αιτήματα από μια διαδρομή στο δικό σας domain, όπως το yourstore.com/apps/roasaurus, στον server της εφαρμογής. Για το πρόγραμμα περιήγησης, πρόκειται για αίτημα προς το δικό σας site, κάτι που μπορεί να βοηθήσει απέναντι σε ad blockers που μπλοκάρουν γνωστά domain παρακολούθησης. Το Shopify αφαιρεί το header Cookie από τα αιτήματα του app proxy και το header Set-Cookie από τις απαντήσεις, οπότε το ID επισκέπτη ταξιδεύει μέσα στο ίδιο το συμβάν και όχι σε cookie.

Customer events και pixel στο checkout

Στο checkout του Shopify, τα scripts παρακολούθησης τρέχουν ως pixel σε ένα sandbox και όχι μέσα στην ίδια τη σελίδα. Τα διαχειρίζεστε στο Settings › Customer events. Υπάρχουν δύο είδη. Τα app pixel έρχονται με μια εφαρμογή και τρέχουν σε αυστηρό sandbox. Τα custom pixel τα προσθέτει ο έμπορος και τρέχουν σε λιγότερο αυστηρό sandbox, που μπορεί να φορτώσει scripts τρίτων, όπως το pixel της Meta.

Το ROASaurus χρησιμοποιεί και τα δύο. Το app pixel του ενεργοποιείται όταν εγκαθιστάτε την εφαρμογή. Αναφέρει στο ROASaurus την έναρξη του checkout, το βήμα επικοινωνίας και την ολοκληρωμένη αγορά. Το προαιρετικό custom pixel προσθέτει στο checkout τα pixel προγράμματος περιήγησης της Meta, του TikTok, του Snapchat, του Pinterest και του Reddit, και στέλνει μετατροπές Google Ads.

Webhooks παραγγελιών

Ένα webhook είναι ένα μήνυμα που στέλνει το Shopify σε μια εφαρμογή όταν συμβαίνει κάτι στο κατάστημα. Το ROASaurus εγγράφεται, μεταξύ άλλων, στα orders/paid και orders/create. Η παραγγελία στο webhook περιέχει το ID παραγγελίας, την αξία, τα line items, τα στοιχεία πελάτη, τα token καλαθιού και ολοκλήρωσης αγοράς, τα cart attributes, καθώς και τη διεύθυνση IP και το πρόγραμμα περιήγησης από όπου έγινε η παραγγελία. Προέρχεται από τους server του Shopify, οπότε ένας ad blocker ή μια καρτέλα που έκλεισε δεν μπορεί να το σταματήσει.

Πώς αντιστοιχίζονται οι παραγγελίες με κλικ σε διαφημίσεις

Το webhook λέει στο ROASaurus ότι μια παραγγελία πληρώθηκε. Για να στείλει μια χρήσιμη μετατροπή, το ROASaurus πρέπει επίσης να ξέρει ποιος επισκέπτης έκανε την παραγγελία, επειδή η εγγραφή του επισκέπτη κρατά τα click ID. Δοκιμάζει αυτές τις συνδέσεις με τη σειρά, από την πιο άμεση στη λιγότερο άμεση:

Τα cart attributes είναι ο λόγος που η αντιστοίχιση στο Shopify είναι άμεση. Είναι ζεύγη κλειδιού-τιμής που αποθηκεύονται στο καλάθι και το Shopify τα αντιγράφει στην παραγγελία. Μια τιμή που γράφτηκε στη σελίδα προϊόντος εξακολουθεί να υπάρχει όταν φτάνει το webhook, ακόμη κι αν ο αγοραστής έκλεισε νωρίς τη σελίδα ευχαριστίας.

Μία εξαίρεση: τα κουμπιά επιταχυνόμενης ολοκλήρωσης αγοράς, όπως το Buy it now, παρακάμπτουν το καλάθι. Το ROASaurus συνιστά να τα απενεργοποιήσετε, ώστε η προσθήκη στο καλάθι (Add to cart) να παρακολουθείται πάντα. Οι παραγγελίες που γίνονται μέσω αυτών μπορούν και πάλι να αντιστοιχιστούν μέσω του token ολοκλήρωσης αγοράς.

Μία παραγγελία, από άκρη σε άκρη

Να τι συμβαίνει για μία παραγγελία από μια διαφήμιση της Meta, με εγκατεστημένο το custom pixel:

Πότε στέλνεται η αγορά: orders/paid ή orders/create

Το ποιο webhook ενεργοποιεί την αγορά εξαρτάται από τον τρόπο που πληρώνουν οι πελάτες σας. Το επιλέγετε ως Checkout type στο Store settings.

Το ROASaurus κρατά κάθε αγορά για λίγο μετά την άφιξη του webhook. Σε αυτό το διάστημα, συνήθως φτάνει και το συμβάν ολοκληρωμένης αγοράς από το πρόγραμμα περιήγησης. Το URL σελίδας, η διεύθυνση IP και το user agent του προστίθενται τότε στο συμβάν του server, δίπλα στα click ID από την εγγραφή του επισκέπτη. Οι παραγγελίες που το Shopify σημειώνει ως δοκιμαστικές καταγράφονται αλλά δεν στέλνονται στις διαφημιστικές πλατφόρμες.

Πώς λειτουργεί η αφαίρεση διπλοεγγραφών με τα pixel του προγράμματος περιήγησης

Όταν τα pixel του προγράμματος περιήγησης τρέχουν παράλληλα με τα συμβάντα του server, η πλατφόρμα λαμβάνει κάθε αγορά δύο φορές και πρέπει να κρατήσει μόνο μία. Αυτό γίνεται με το event id. Το ROASaurus δίνει και στα δύο αντίγραφα μιας αγοράς το ίδιο ID, που δημιουργείται από το ID παραγγελίας του Shopify: order-6123456789012 για την παραγγελία με ID 6123456789012. Αυτός είναι ο μεγάλος αριθμός στο URL της παραγγελίας στο Shopify admin, όχι το όνομα της παραγγελίας όπως το #1042. Το pixel ολοκλήρωσης αγοράς το χρησιμοποιεί για το Purchase του προγράμματος περιήγησης και ο server το χρησιμοποιεί για το συμβάν του conversions API. Η Meta, για παράδειγμα, κρατά ένα αντίγραφο όταν το όνομα του συμβάντος και το event id ταιριάζουν και τα δύο φτάνουν μέσα σε 48 ώρες.

Το event id λειτουργεί μόνο ανάμεσα σε συμβάντα που το φέρουν. Αν κάποια άλλη εφαρμογή στέλνει το ίδιο pixel, τα συμβάντα της έχουν δικά τους ID και η πλατφόρμα μετρά ξανά την παραγγελία. Στο Shopify, οι συνήθεις αιτίες είναι το κανάλι Facebook & Instagram συνδεδεμένο με το ίδιο pixel, η εφαρμογή TikTok και ο κώδικας pixel που έχει επικολληθεί στο theme.liquid. Ο οδηγός μας για τα διπλά συμβάντα αγοράς δείχνει πώς να τα βρείτε και το Αποφύγετε τη διπλή καταμέτρηση παραθέτει τις διορθώσεις.

Συγκατάθεση μέσω του Customer Privacy API του Shopify

Το Customer Privacy API του Shopify αποθηκεύει την επιλογή cookies κάθε επισκέπτη. Το banner cookies σας το συμπληρώνει, είτε χρησιμοποιείτε το δικό banner του Shopify είτε μια εφαρμογή συγκατάθεσης συνδεδεμένη με το API. Τα scripts και τα pixel μπορούν τότε να ρωτούν αν επιτρέπεται το μάρκετινγκ για αυτόν τον επισκέπτη.

Με ενεργό το Respect visitor consent, που είναι η προεπιλογή στο Store settings, το script του storefront και τα pixel ολοκλήρωσης αγοράς του ROASaurus ρωτούν το API πριν παρακολουθήσουν.

Τα email, οι αριθμοί τηλεφώνου, τα ονόματα και οι διευθύνσεις περνούν από hash SHA-256 πριν σταλούν σε μια διαφημιστική πλατφόρμα. Τρεις ακόμη λεπτομέρειες έχουν σημασία:

• Αποφασίζει το banner σας. Το ROASaurus ακολουθεί ό,τι αναφέρει το API. Αν το API δεν είναι διαθέσιμο στη σελίδα, το ROASaurus θεωρεί ότι ο επισκέπτης έχει συναινέσει, γι' αυτό ελέγξτε ότι το banner σας είναι συνδεδεμένο με αυτό.
• Η σελίδα προορισμού παραμένει στην παραγγελία. Το Shopify αποθηκεύει τη διεύθυνση της σελίδας προορισμού με κάθε παραγγελία και μπορεί να περιέχει ετικέτες καμπάνιας και click ID. Το ROASaurus τη χρησιμοποιεί στις δικές του αναφορές απόδοσης, και για επισκέπτες που απέρριψαν, και δεν τη στέλνει στις διαφημιστικές πλατφόρμες.
• Η αποστολή της παραγγελίας είναι νομική απόφαση. Το αν μπορεί να σταλεί καθόλου η πληρωμένη παραγγελία ενός επισκέπτη που απέρριψε είναι νομικό ερώτημα για το κατάστημά σας.

Ο οδηγός μας για το Consent Mode v2 και τον GDPR εξηγεί τους κανόνες σε γενικό επίπεδο και η σελίδα Συγκατάθεση και απόρρητο έχει τις λεπτομέρειες.

Πώς να ρυθμίσετε τη server-side παρακολούθηση στο Shopify με το ROASaurus

Κάντε τα βήματα της ρύθμισης με αυτή τη σειρά:

1. Εγκαταστήστε την εφαρμογή

   Μεταβείτε στο Add a store, επιλέξτε Shopify, εισαγάγετε το domain σας .myshopify.com και κάντε κλικ στο Install app. Εγκρίνετε την εφαρμογή στο Shopify. Το ROASaurus καταχωρεί τα webhooks παραγγελιών και ενεργοποιεί το app pixel του.

2. Ενεργοποιήστε το theme app embed

   Στη σελίδα Tracking & platforms, κάντε κλικ στο Open theme editor, ενεργοποιήστε το app embed του ROASaurus και αποθηκεύστε.

3. Προσθέστε το pixel ολοκλήρωσης αγοράς

   Στο Shopify admin, μεταβείτε στο Settings › Customer events και προσθέστε ένα custom pixel με όνομα ROASaurus. Ορίστε την άδεια σε Not required, επειδή το script του ROASaurus ελέγχει μόνο του την επιλογή μάρκετινγκ του επισκέπτη. Επικολλήστε το snippet από το Tracking & platforms. Χρειάζεστε αυτό το pixel για τα pixel προγράμματος περιήγησης στο checkout και για το Google Ads.

4. Συνδέστε τις διαφημιστικές σας πλατφόρμες

   Στο Tracking & platforms, κάντε κλικ στο Add pixel για κάθε πλατφόρμα, ή στο Connect with Facebook για τη Meta. Αφήστε ενεργή την επιλογή να φορτώνεται και το pixel του προγράμματος περιήγησης αν θέλετε συμβάντα προγράμματος περιήγησης με αφαίρεση διπλοεγγραφών.

5. Ελέγξτε τις ρυθμίσεις του καταστήματος

   Στο Store settings, επιλέξτε τον τύπο checkout και αφήστε ενεργό το Respect visitor consent αν πουλάτε εκεί όπου απαιτείται συγκατάθεση.

6. Αφαιρέστε τους άλλους αποστολείς

   Στο κανάλι Facebook & Instagram, αφαιρέστε αυτό το pixel από τις ρυθμίσεις κοινοποίησης δεδομένων. Δεν αρκεί να μειώσετε το επίπεδο κοινοποίησης δεδομένων, επειδή κάθε επίπεδο, συμπεριλαμβανομένου του Standard, στέλνει το pixel της Meta από το πρόγραμμα περιήγησης. Αν η εφαρμογή TikTok στέλνει το ίδιο pixel, σταματήστε την και εκεί και αφαιρέστε τον κώδικα pixel από το θέμα σας.

Το snippet του custom pixel μοιάζει ως εξής. Αντιγράψτε το από το Tracking & platforms, όπου το κλειδί του καταστήματός σας είναι ήδη συμπληρωμένο. Ο οδηγός ρύθμισης για το Shopify έχει τα ίδια βήματα.

self.tl = this; document.head.appendChild(document.createElement('script')).src = 'https://app.roasaurus.com/c.js?k=YOUR_STORE_KEY';

Πώς να ελέγξετε ότι λειτουργεί

Δοκιμάστε με μία πραγματική παραγγελία πριν βασιστείτε στα νούμερα:

1. Ανοίξτε το κατάστημά σας με το ?roasaurus=connected στο τέλος του URL. Ένα μήνυμα επιβεβαιώνει ότι το script λειτουργεί.
2. Για τη Meta, επικολλήστε τον κωδικό από το Events Manager › Test events στο πεδίο Test event code του pixel.
3. Κάντε μια πραγματική παραγγελία χαμηλής αξίας και επιστρέψτε τα χρήματα μετά. Οι δοκιμαστικές παραγγελίες του Shopify δεν στέλνονται.
4. Στο Event log, η παράδοση server για την παραγγελία εμφανίζεται ως sent για κάθε πλατφόρμα, με την απάντηση της πλατφόρμας.
5. Στην προβολή δοκιμών της πλατφόρμας, ελέγξτε ότι το Purchase του προγράμματος περιήγησης και του server μοιράζονται το event id order- συν το ID παραγγελίας του Shopify.
6. Αφαιρέστε αργότερα τον κωδικό δοκιμαστικού συμβάντος.

Τι δεν διορθώνει η server-side παρακολούθηση στο Shopify

• Άρνηση συγκατάθεσης. Οι παραγγελίες από επισκέπτες που απέρριψαν τα cookies μάρκετινγκ στέλνονται, αλλά χωρίς click ID, οπότε οι διαφημιστικές πλατφόρμες τις αντιστοιχίζουν χειρότερα.
• Τα όρια cookies του Safari. Ένας αγοραστής που επιστρέφει μετά από περισσότερες από 7 ημέρες μπορεί να μοιάζει με νέο επισκέπτη. Ένα first-party subdomain παρακολούθησης κρατά τη συλλογή στο domain σας, αλλά το Safari μπορεί και πάλι να περιορίσει αυτά τα cookies στις 7 ημέρες.
• Διαφορές απόδοσης. Κάθε διαφημιστική πλατφόρμα εξακολουθεί να αποδίδει τις πωλήσεις με τα δικά της παράθυρα και μοντέλα. Για να συγκρίνετε τα κανάλια με ένα ενιαίο σύνολο κανόνων, χρησιμοποιήστε τη δική σας απόδοση.
• Άλλες εφαρμογές στο ίδιο pixel. Τα event id συγχωνεύουν μόνο συμβάντα που τα μοιράζονται.

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

Πηγές

1. Shopify: Customer Privacy API
2. Shopify: Authenticate app proxies
3. Shopify Help Center: Manage your custom pixels
4. Shopify Help Center: Facebook data sharing
5. Meta: Handling Duplicate Pixel and Conversions API Events

Στο ROASaurus

• Βοήθεια: ρύθμιση του ROASaurus στο Shopify
• Ενσωμάτωση με το Shopify
• Server-side παρακολούθηση στο ROASaurus
• Βοήθεια: συγκατάθεση και απόρρητο

Συνεχίστε την ανάγνωση