Η εφαρμογή του Google Consent Mode v2 αποτελεί υποχρεωτική απαίτηση της Google για τη μέτρηση conversion και τη στόχευση διαφημίσεων στην Ευρωπαϊκή Ένωση. Τα περισσότερα έτοιμα modules ή εξωτερικά CMPs (Consent Management Platforms) επιβαρύνουν δραματικά τα Core Web Vitals με βαριά scripts, προκαλούν layout shifts (CLS) και συχνά αποτυγχάνουν να περάσουν σωστά τα 4 βασικά consent signals (ad_storage, analytics_storage, ad_user_data, ad_personalization) πριν από την εκτέλεση των Google tags.
Πίσω στο Portfolio
GAConsent Module for PrestaShop
Custom PrestaShop 8 module για πλήρη συμμόρφωση GDPR και υποστήριξη Google Consent Mode v2. Εξασφαλίζει αυτόματη διαχείριση συγκατάθεσης για GA4, Google Ads και Meta Pixel χωρίς επιβάρυνση στην ταχύτητα (Zero-Bloat Vanilla JS).
- Κατηγορία
- Plug-ins & Modules
- Πελάτης
- DamiansLab (GDPR & Analytics Suite)
- Έτος
- 2024 - 2026
- Διάρκεια
- Ongoing Evolution
- Ρόλος
- Lead PrestaShop & Analytics Architect
Η πρόκληση
Τι φτιάχτηκε
Το GAConsent Module για το PrestaShop 8.x αποτελεί μια εξειδικευμένη λύση διαχείρισης συγκατάθεσης (GDPR/ePrivacy) με εγγενή υποστήριξη Google Consent Mode v2, εξασφαλίζοντας 100% ακρίβεια στα conversions του Google Ads και GA4 χωρίς να θυσιάζεται η ταχύτητα φόρτωσης του e-shop.
Αρχιτεκτονική Zero-Bloat & Google Consent Mode v2
Το GAConsent αναπτύχθηκε εξ ολοκλήρου από το μηδέν σε Vanilla JavaScript (ES6) και native Smarty hooks, χωρίς εξωτερικές εξαρτήσεις ή βαριές βιβλιοθήκες. Ενσωματώνεται άμεσα στο displayHeader hook του PrestaShop και ορίζει ακαριαία την προεπιλεγμένη κατάσταση συγκατάθεσης (Default Denied) πριν από τη φόρτωση του GTM ή του gtag.js, αποτρέποντας κάθε διαρροή tracking data.
Διακριτικό και απόλυτα συμβατό GDPR Cookie Banner στο PrestaShop storefront με Glassmorphic σχεδίαση.
Διαχείριση Σημάτων Συγκατάθεσης σε Πραγματικό Χρόνο
Μόλις ο επισκέπτης επιλέξει τις προτιμήσεις του ή πατήσει «Αποδοχή Όλων», το GAConsent εκτελεί άμεσα gtag('consent', 'update', {...}), αποστέλλοντας τα ακριβή signals στην Google χωρίς reload της σελίδας:
- ad_storage: Συγκατάθεση για cookies διαφημίσεων.
- analytics_storage: Συγκατάθεση για στατιστικά και αναλύσεις GA4.
- ad_user_data: Συγκατάθεση για αποστολή δεδομένων χρήστη στη διαφήμιση.
- ad_personalization: Συγκατάθεση για εξατομικευμένες διαφημίσεις και επαναστόχευση (remarketing).
Live επαλήθευση των σημάτων Consent Mode v2 (Granted) στο developer console κατά την αποδοχή.
Διαμόρφωση Back-Office & Προσαρμογή Εμφάνισης
Μέσα από τον πίνακα διαχείρισης του PrestaShop, ο διαχειριστής έχει πλήρη έλεγχο στα κείμενα πολιτικής απορρήτου, τους συνδέσμους, τα χρώματα των κουμπιών, τη θέση του banner (bottom bar, modal, floating badge) και τη δυνατότητα ανάκλησης συγκατάθεσης από το footer ανά πάσα στιγμή.
Ολοκληρωμένος πίνακας διαμόρφωσης του module στο Back-Office του PrestaShop 8.x.
Αρχιτεκτονικό διάγραμμα ροής της συγκατάθεσης από την αρχική φόρτωση μέχρι την ενημέρωση των tags.
Εμπειρία Mobile & Ταχύτητα Core Web Vitals
Το banner έχει σχεδιαστεί με mobile-first προσέγγιση, καταλαμβάνοντας τον ελάχιστο απαραίτητο χώρο στις οθόνες των smartphone χωρίς να κρύβει κρίσιμα στοιχεία πλοήγησης ή να προκαλεί Cumulative Layout Shift (CLS = 0).
Απόλυτα responsive συμπεριφορά του Cookie Banner σε κινητά τηλέφωνα.
Η λύση
Υλοποιήσαμε μια custom λύση με Vanilla JavaScript ES6 και εγγενή Smarty hooks, η οποία φορτώνει πρώτη στο head χωρίς εξωτερικά network requests. Το module ορίζει άμεσα τα default denied signals, παρέχει ένα κομψό και ταχύτατο banner επιλογών, και συγχρονίζει ακαριαία τις επιλογές του επισκέπτη μέσω gtag('consent', 'update') τόσο στο GA4 όσο και στο Google Ads και Meta Pixel.
Το αποτέλεσμα
Απόλυτη συμμόρφωση με τον GDPR και τις πολιτικές της Google για το Consent Mode v2, προστατεύοντας τα conversions και τα remarketing audiences των διαφημιστικών καμπανιών. Μηδενικό impact στην ταχύτητα της ιστοσελίδας, άψογη εμπειρία χρήστη σε κινητά και desktop, και πλήρης διαφάνεια προς τους καταναλωτές.
