Τι Είναι το Facebook Pixel και Πώς να το Εγκαταστήσουμε

Τι Είναι το Facebook Pixel και Πώς να το Εγκαταστήσουμε

Όταν χρησιμοποιούμε το εργαλείο Facebook ads για να προωθήσουμε την επιχείρησή και τα προϊόντα ή υπηρεσίες μας στο Facebook, τότε είναι απαραίτητο να έχουμε εγκατεστημένο στο website μας το Facebook Pixel.

Το Facebook Pixel είναι ένα εργαλείο-κλειδί, το οποίο θα μας βοηθήσει να εκμεταλλευτούμε και να διαχειριστούμε το budget που διαθέτουμε για την web διαφήμιση μας.

Τι είναι το Facebook Pixel

Το Facebook pixel είναι ένα κομμάτι κώδικα, ένα script, το οποίο τοποθετούμε στον κώδικα του website μας.

Η τοποθέτησή του στο website μας θα μας βοηθήσει να παρακολουθούμε τα conversions που γίνονται από τα Facebook ads που χρησιμοποιούμε, να βελτιστοποιήσουμε τις διαφημίσεις μας με βάση τα δεδομένα που θα συλλέξουμε, να δημιουργήσουμε στοχευόμενο κοινό (targeted audience) για μελλοντικές διαφημίσεις και να κάνουμε remarketing σε χρήστες που έχουν κάνει, ήδη, κάποια ενέργεια στο website μας.

Το Facebook pixel είναι ένα στατιστικό εργαλείο (analytics tool), που μας επιτρέπει να μετράμε την αποτελεσματικότητα των διαφημίσεών μας (Facebook Ads), μέσω των ενεργειών που κάνουν οι χρήστες στο website μας.

Τα δεδομένα που θα λάβουμε από το Facebook pixel μας επιτρέπουν να στοχεύσουμε αυτούς τους χρήστες, μέσω Facebook ads.

Μέσω των δεδομένων που θα δούμε στο Facebook pixel, μπορούμε να κάνουμε τις εξής ενέργειες:

• Να βεβαιωθούμε ότι οι διαφημίσεις μας προβάλλονται στα κατάλληλα άτομα.

• Να δημιουργήσουμε κοινό στο οποίο θέλουμε να στοχεύσομε τις διαφημίσεις μας (targeted audience).

• Να αποκτήσουμε πρόσβαση σε άλλα διαφημιστικά εργαλεία του Facebook.

Οι τρόποι με τους οποίους μπορούμε  να χρησιμοποιήσουμε τα δεδομένα που μας προσφέρει το Facebook pixel είναι αρκετοί.

Με το εργαλείο pixel του Facebook κάνουμε τα εξής:

•  Προσεγγίσουμε τα κατάλληλα άτομα: Βρίσκουμε νέους πελάτες ή άτομα που έχουν επισκεφθεί μια συγκεκριμένη σελίδα ή έχουν προβεί σε μια συγκεκριμένη ενέργεια στο website μας. Δημιουργούμε custom audiences, έτσι ώστε να προσεγγίσουμε περισσότερα άτομα που έχουν κοινά χαρακτηριστικά με τους ήδη υπάρχοντες πελάτες μας.

• Αυξάνουμε τις πωλήσεις μας: Επιλέγουμε το automatic bidding, για να στοχεύσουμε σε χρήστες που είναι πιθανότερο να προβούν σε μια ενέργεια που θέλουμε να κάνουν, όπως για παράδειγμα σε μια αγορά.

• Μετράμε τα αποτελέσματα των διαφημίσεών μας: Βλέπουμε πόσο πετυχημένες είναι οι διαφημίσεις μας, εξετάζοντας άμεσα τα      αποτελέσματά τους. Βλέπουμε διάφορες πληροφορίες, όπως οι μετατροπές και οι πωλήσεις.

Πώς λειτουργεί το Facebook Pixel

Το Facebook Pixel είναι ένα κομμάτι κώδικα το οποίο τοποθετούμε στο backend του website μας, έτσι ώστε να παρακολουθούμε τους επισκέπτες της ιστοσελίδας μας.

Λανσάρουμε στοχευόμενες καμπάνιες και είναι πολύ σημαντικό να το εγκαταστήσουμε, πριν ξεκινήσουμε να χρησιμοποιούμε το εργαλέιο Facebook ads.

Κάθε ad account λαμβάνει ένα προεπιλεγμένο pixel code που μπορεί να χρησιμοποιήσει.

Ο κώδικας αποτελείται από δύο βασικά μέρη:

• Το βασικό κώδικα (pixel base code): Ο pixel base code καταγράφει όλο το traffic στο website μας.

Ένα παράδειγμα για το πώς είναι ένας Facebook Pixel code είναι το κάτωθι <script>.

<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=‘2.0’;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,‘script’,‘https://connect.facebook.net/en_US/fbevents.js’);
// Insert Your Facebook Pixel ID below.
fbq(‘init’, ‘FB_PIXEL_ID’);
fbq(‘track’, ‘PageView’);
</script>
<!– Insert Your Facebook Pixel ID below. –>
<noscript><img height=«1» width=«1» style=«display:none«
src=«https://www.facebook.com/tr?id=FB_PIXEL_ID&amp;ev=PageView&amp;noscript=1»
/></noscript>
<!– End Facebook Pixel Code –>

• Τον κώδικα συμβάντων (event code): Ο event code αποτελεί      ένα πρόσθετο κομμάτι κώδικα, το οποίο βάζουμε κάτω από τον pixel base code, σε συγκεκριμένες σελίδες του website μας, και μας επιτρέπει να παρακολουθούμε συγκεκριμένες ενέργειες σε αυτές τις σελίδες.

Οι τύποι των event codes που μπορούμε να προσθέσουμε είναι οι εξής:

• Search: Όταν έχουμε ένα e-shop, μπορούμε να τοποθετήσεις τον Search event code σε μια σελίδα αποτελεσμάτων αναζήτησης του website μας. Για παράδειγμα, αν κάποιος ψάχνει στο website σου για «ρούχα με συγκεκριμένο Brand », μπορούμε να προσθέσουμε αυτό το keyword στον κώδικα, για τη συγκεκριμένη σελίδα αποτελεσμάτων.

• View Content: Τοποθετούμε τον View Content event code σε μια σελίδα προϊόντος, έτσι ώστε να παρακολουθούμε τα views στη συγκεκριμένη σελίδα.

• Add to cart: Συμπεριλαμβάνουμε τον Add to cart event code στη σελίδα Add to cart (προσθήκη στο καλάθι) του website μας. Εάν οι χρήστες της ιστοσελίδας μας τοποθετήσουν προϊόντα στο καλάθι αγορών τους, αλλά δεν ολοκληρώσουν την αγορά, μπορείς να χρησιμοποιήσεις τα δεδομένα από το pixel, ώστε να τρέξεις στοχευόμενες διαφημίσεις μόνο σε αυτούς τους χρήστες.

• Add to Wishlist: Σε μια σελίδα Wishlist (λίστα επιθυμιών) στο website μας, μπορούμε να τοποθετήσουμε τον Add to Wishlist event code στη συγκεκριμένη σελίδα, έτσι ώστε να παρακολουθούμε τα προϊόντα που επιθυμούν περισσότερο οι χρήστες. Στη συνέχεια, μπορούμε να στοχεύσεις σε συγκεκριμένο κοινό, με Facebook ads που θα περιλαμβάνουν τα συγκεκριμένα προϊόντα.

• Initiate Checkout: Τοποθετούμε τον Initiate Checkout event code στη σελίδα που κάποιος ξεκινά τη διαδικασία Checkout (πληρωμής) στο website μας.

• Add Payment info: Τοποθετούμε τον Add Payment info event code, ώστε να ενεργοποιείται όταν κάποιος προσθέτει τις πληροφορίες πληρωμής.

• Purchase: Τοποθέτουμε τον Purchase event code στη “thank-you” σελίδα που οδηγούνται οι χρήστες, όταν ολοκληρώνουν μια αγορά. Με αυτόν τον τρόπο, μπορούμε να στοχεύσουμε αργότερα, με Facebook ads, τους χρήστες που έχουν αγοράσει από εμάς.

• Lead: Χρησιμοποίούμε τον Lead event code στη “thank-you” σελίδα σου, ώστε να ενεργοποιείται κάθε φορά που οι χρήστες συμπληρώνουν μια φόρμα εκδήλωσης ενδιαφέροντος, κάνουν την εγγραφή τους στο newsletter μας κ.λπ.

• Complete Registration: Χρησιμοποιούμε τον Complete Registration event code, για να παρακολουθούμε τις εγγραφές στα σεμινάρια, στα events κ.λπ.

• Custom: Προσαρμόζουμε τον event code με βάση τις ανάγκες της επιχείρησής μας. Όταν να κάνουμε μια τέτοια ενέργεια, δηλαδή να δημιουργήσουμε ένα custom event θα χρειαστεί να δημιουργήσουμε και ένα custom conversion, που να σχετίζεται με το συγκεκριμένο event.

Όλα τα event codes μας επιτρέπουν να συλλέξουμε δεδομένα, τα οποία θα μας βοηθήσουν να δημιουργήσουμε επιτυχημένα Facebook ads και να μάθουμε περισσότερα σχετικά με τους χρήστες που αλληλεπιδρούν με το website μας.

Πώς να δημιουργήσουμε και να εγκαταστήσουμε το Facebook Pixel

Πώς να δημιουργήσεις τον Facebook Pixel base code

Ακολούθησε τα παρακάτω βήματα:

1. Ανοίγουμε το Facebook Ads Manager και κάνουμε κλικ στο πάνω button του μενού, αυτό με τις τρεις γραμμές, και επίλεξε την επιλογή Pixels που βρίσκεται κάτω από την επιλογή Event Manager, στη στήλη Measure and Report.

Διαφορετικά, πηγαίνουμε κατευθείαν στη σελίδα του pixel.

2. Κάνουμε κλικ στην επιλογή Create a Pixel.

3. Στην επόμενη καρτέλα προσθέτουμε ένα όνομα για το pixel και κάνουμε κλικ την επιλογή Next.

4. Στην επόμενη καρτέλα θα μας εμφανιστεί pixel κώδικας, τον οποίο θα αντιγράψουμε και θα προσθέσουμε σε κάθε σελίδα του website μας. Τοποθέτησε τον κώδικα ακριβώς κάτω από το header section της σελίδας μας (μετά την ετικέτα <body> tag).

Πώς να δημιουργήσουμε τον Facebook Pixel event code

Αφού προσθέσουμε τον Pixel κώδικα στο website μας, έπειτα θα πάρουμε τον Facebook Pixel event code με εννέα (9) βήματα, έτσι ώστε να παρακολουθούμε τις ενέργειες που έχουν σημασία για την επιχείρησή μας.

Ακολουθούμε τα παρακάτω βήματα:

1. Ανοίγουμε το Facebook Ads Manager και κάνουμε κλικ στο πάνω button του μενού, αυτό με τις τρεις γραμμές, και επιλέγουμε την επιλογή Pixels η οποία βρίσκεται κάτω από την επιλογή Event Manager, στη στήλη Measure and Report.

2. Κάνουμε κλικ στην επιλογή Set Up Pixel.

3. Κάνουμε κλικ στην επιλογή Manually Install the Code Yourself.

4. Κάνουμε κλικ στην επιλογή Continue.

5. Κάνουμε κλικ στην επιλογή Install Events.

6. Κάνουμε κλικ στη μπάρα του event που θέλουμε να παρακολουθήσουμε.

7. Επιλέγουμε Track Event on Page Load ή Track Event on Inline Action:

• Track Event on Page Load (Παρακολούθηση συμβάντος κατά τη φόρτωση της σελίδας): Διαλέγουμε αυτή την επιλογή, εάν θέλουμε να παρακολουθούμε πότε ένας χρήστης πηγαίνει σε μια συγκεκριμένη σελίδα, π.χ. στη σελίδα επιβεβαίωσης αγοράς μετά την ολοκλήρωση μιας αγοράς.

• Track Event on Inline Action (Παρακολούθηση συμβάντος κατά την εκτέλεση μιας ενέργειας): Διαλέγουμε αυτή την επιλογή, εάν θέλουμε να παρακολουθούμε κάποια συγκεκριμένα κλικ των χρηστών, π.χ. ένα κλικ στο κουμπί add to cart).

8. Προσθέτουμε παραμέτρους, όπως για παράδειγμα την αξία ενός conversion ή το νόμισμα, έτσι ώστε να παρακολουθείς επιπλέον στοιχεία.

9. Αντιγράφουμε και επικολλούμε τον Pixel event code στο website μας. Πρέπει να προσέξουμε, ώστε να μην πειράξουμε τον Pixel base code που έχουμε βάλει, ήδη, στο website μας.

• Track Event on Page Load (Παρακολούθηση συμβάντος κατά τη φόρτωση της σελίδας): Τοποθέτούμε τον κώδικα ακριβώς κάτω από το header section της σελίδας μας (μετά την ετικέτα <body> tag).

• Track Event on Inline Action (Παρακολούθηση συμβάντος κατά την εκτέλεση μιας ενέργειας): Τοποθέτούμε τον κώδικα ανάμεσα στα script tags της ενέργειας που θέλουμε να παρακολουθήσουμε (π.χ. σε ένα κουμπί).

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

Πώς να εγκαταστήσεις το Facebook Pixel στο website σου

Υπάρχουν 3 διαθέσιμοι τρόποι για να εγκαταστήσεις το Facebook Pixel.

1. Επιλέγουμε μια πλατφόρμα ή ένα Tag Manager

Χρησιμοποιούμε ένα Tag Manager plugin για να εγκαταστήσουμε το Facebook Pixel code, εφόσον μας το επιτρέπει το website μας.

Εάν χρησιμοποιούμε κάποια πλατφόρμα όπως Shopify, WooCommerce, WordPress κ.ά., τότε διαβάζουμε περισσότερα στο support του Facebook για το πως θα εγκαταστήσουμε το Facebook Pixel Code.

2. Μπορούμε να αντιγράψουμε το Facebook Pixel code μόνοι μας στον κώδικα του website σου.

Πώς θα το κάνουμε αυτό:

1. Εντοπίζουμε το header tag στο website μας.

2. Αντιγράφουμε ολόκληρο τον κώδικα και τον επικολλούμε τον στο header tag </head> του website μας.

3. Ελέγχουμε ότι ο κώδικας λειτουργεί σωστά. Κάνουμε κλικ στην επιλογή Send Test Traffic, αφού έχουμε εισαγάγει τον κώδικα στο website μας και έχουμε επιβεβαιώσει ότι λειτουργεί σωστά.

Αν το status γράφει active, τότε ο κώδικάς μας έχει εισαχθεί σωστά.

3. Μπορούμε να στείλουμε τις οδηγίες μέσω email στον developer μας

Εάν δεν είμαστε τόσο εξοικειωμένοι, ώστε να εισαγάγουμε μόνοι μας το Facebook Pixel code, τότε έχουμε την επιλογή να στείλουμε τις οδηγίες στον developer μας, μέσω email, και να το εγκαταστήσει εκείνος στο website μας.

Πώς θα το κάνουμε αυτό:

1. Πηγαίνουμε στο Pixels tab, στο Ads Manager

2. Κάνουμε κλικ  στην επιλογήSet Up Pixel

3. Κάνουμε κλικ  στην επιλογή Email Instructions to a Developer

4. Συμπληρώνουμε τη διεύθυνση email του παραλήπτη (του developer μας).

5. Κάνουμε κλικ στην επιλογή Send, στο κάτω μέρος της σελίδας.

Οι οδηγίες και ο Facebook Pixel code έχουν σταλεί, πλέον, στον developer μας.

Κάνουμε έναν έλεγχο για να δούμε ότι το Facebook Pixel λειτουργεί

Για να δούμε αν έχουμε εγκαταστήσει σωστά τον Facebook Pixel code στο website μας χρησιμοποιούμε το εργαλείο Pixel Helper.

Το Pixel Helper είναι ένα εργαλείο αντιμετώπισης προβλημάτων, που θα μας βοηθήσει να ελέγξουμε αν το pixel μας λειτουργεί σωστά.

Το Pixel Helper είναι ένα Chrome plugin το οποίο θα βρούμε στα extensions Chrome. Επομένως, θα χρειαστεί να χρησιμοποιήσεις ως browser τον Chrome της Google.

Πώς θα εγκαταστήσουμε το Pixel Helper:

1. Πηγαίνουμε στο Chrome Web Store και αναζητούμε το Facebook Pixel Helper.

2. Κάνουμε κλικ στην επιλογή + Add to Chrome.

3. Κάνουμε κλικ  στην επιλογή Add extension

Μόλις ολοκληρωθεί η εγκατάσταση, θα δούμε μια ειδοποίηση ότι το plugin έχει προστεθεί στον Chrome και θα εμφανιστεί ένα μικρό εικονίδιο στην πάνω δεξιά γωνία του Chrome.

Αφού εγκαταστήσουμε το Pixel Helper, πρέπει να επιβεβαιώσουμε εάν έχουμε κάνει σωστή εγκατάσταση στον Facebook Pixel code.

Πώς θα το ελέγξουμε:

1. Κάνουμε κλικ στο εικονίδιο του Pixel Helper, στην πάνω δεξιά γωνία του Chrome.

2. Ελέγχουμε στο αναδυόμενο παράθυρο αν βρέθηκαν pixels στη συγκεκριμένη σελίδα και αν έχουν εγκατασταθεί σωστά.

Αν το Pixel Helper εντοπίσει ένα pixel στο website μας και δεν παρουσιαστούν σφάλματα, τότε είμαστε έτοιμοι να δημιουργήσουμε ένα Facebook ads.

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