Οδηγός ενσωμάτωσης CMP: Shopify, WordPress, Wix και προσαρμοσμένες ιστοσελίδες
Η κορυφαία ερώτηση που ακούμε από νέους χρήστες: «Πώς εγκαθιστώ το FlexyConsent στον ιστότοπό μου;» Η απάντηση είναι η ίδια ανεξαρτήτως πλατφόρμας — επικολλήστε μία γραμμή JavaScript πριν από την ετικέτα κλεισίματος head. Ωστόσο, τα ακριβή βήματα διαφέρουν ελαφρώς για Shopify, WordPress, Wix, Squarespace και ιστότοπους κατασκευασμένους από μηδέν. Αυτός ο οδηγός τα καλύπτει όλα.
Η καθολική προσέγγιση
Το FlexyConsent λειτουργεί με μία μόνο ετικέτα script. Χωρίς plugins, χωρίς SDK, χωρίς διαμόρφωση στον διακομιστή. Κάθε πλατφόρμα που επιτρέπει προσαρμοσμένο HTML στην ενότητα head υποστηρίζει το FlexyConsent. Το script είναι κάτω από 50 KB και φορτώνει ασύγχρονα, δηλαδή μηδενική επίδραση στην ταχύτητα της σελίδας σας.
Το script:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
Λαμβάνετε το μοναδικό σας script από τον πίνακα FlexyConsent αφού δημιουργήσετε τον λογαριασμό σας.
Shopify
- Βήμα 1: Μεταβείτε στο Online Store > Themes > Edit Code
- Βήμα 2: Ανοίξτε το theme.liquid
- Βήμα 3: Επικολλήστε το script FlexyConsent ακριβώς πριν από το </head>
- Βήμα 4: Αποθηκεύστε — το banner συγκατάθεσης είναι ενεργό σε όλες τις σελίδες
Δεν απαιτείται εφαρμογή Shopify. Λειτουργεί με όλα τα θέματα, συμπεριλαμβανομένων των Dawn, Debut και προσαρμοσμένων θεμάτων.
WordPress
- Επιλογή Α (χωρίς plugin): Appearance > Theme Editor > header.php > επικολλήστε πριν από το </head>
- Επιλογή Β (με plugin): Εγκαταστήστε οποιοδήποτε plugin «Insert Headers» > επικολλήστε το script στην ενότητα Head
- Επιλογή Γ (functions.php): Προσθέστε ένα wp_head action hook που εξάγει την ετικέτα script
Συμβατό με όλα τα κύρια θέματα (Astra, GeneratePress, Divi, Elementor) και page builders. Χωρίς συγκρούσεις με plugins κρυφής μνήμης — το script φορτώνει ανεξάρτητα.
Wix
- Βήμα 1: Μεταβείτε στο Settings > Custom Code
- Βήμα 2: Κάντε κλικ στο «Add Custom Code»
- Βήμα 3: Επικολλήστε το script FlexyConsent
- Βήμα 4: Ορίστε τη θέση σε «Head» και εφαρμόστε στο «All pages»
Λειτουργεί σε όλα τα πλάνα Wix που υποστηρίζουν προσαρμοσμένο κώδικα (πλάνο Business και άνω).
Squarespace
- Βήμα 1: Μεταβείτε στο Settings > Advanced > Code Injection
- Βήμα 2: Επικολλήστε το script στην ενότητα Header
- Βήμα 3: Αποθηκεύστε — το banner συγκατάθεσης εμφανίζεται σε όλες τις σελίδες
Προσαρμοσμένο HTML / Στατικοί ιστότοποι
- Βήμα 1: Ανοίξτε το αρχείο HTML template ή layout σας
- Βήμα 2: Επικολλήστε το script πριν από το </head>
- Βήμα 3: Αναπτύξτε — αυτό κυριολεκτικά είναι όλο
Λειτουργεί με οποιοδήποτε γεννήτρια στατικών ιστότοπων (Next.js, Gatsby, Hugo, Jekyll, Astro), οποιοδήποτε framework (React, Vue, Angular) και οποιοδήποτε πάροχο φιλοξενίας.
Google Tag Manager
- Βήμα 1: Δημιουργήστε μια νέα ετικέτα Custom HTML
- Βήμα 2: Επικολλήστε το script FlexyConsent
- Βήμα 3: Ορίστε trigger σε «All Pages — Page View»
- Βήμα 4: Ορίστε προτεραιότητα ώστε να εκτελεστεί πριν από άλλες ετικέτες
Κατά τη χρήση GTM, το FlexyConsent ενσωματώνεται αυτόματα με το Google Consent Mode V2 — δεν απαιτείται πρόσθετη διαμόρφωση.
Μετά την εγκατάσταση: Τι να επαληθεύσετε
- Το banner εμφανίζεται — επισκεφτείτε τον ιστότοπό σας σε παράθυρο ανώνυμης περιήγησης
- Το Consent Mode ενεργοποιείται — ελέγξτε το Google Tag Assistant για την κατάσταση συγκατάθεσης
- Το TC String δημιουργείται — επαληθεύστε στην κονσόλα του browser με __tcfapi
- Τα analytics εξακολουθούν να λειτουργούν — επιβεβαιώστε ότι τα δεδομένα ρέουν μετά την αποδοχή της συγκατάθεσης
- Το κινητό λειτουργεί — δοκιμάστε σε πραγματικές κινητές συσκευές
Συνηθισμένα προβλήματα και λύσεις
- Το banner δεν εμφανίζεται; Ελέγξτε ότι το script βρίσκεται στο <head>, όχι στο <body>. Εκκαθαρίστε την κρυφή μνήμη του browser.
- Το banner εμφανίζεται σε κάθε επίσκεψη; Βεβαιωθείτε ότι τα cookies δεν αποκλείονται από τον browser σας ή μια επέκταση απορρήτου.
- Το Google Ads δεν παρακολουθεί; Βεβαιωθείτε ότι το script FlexyConsent φορτώνει πριν από τις ετικέτες Google σας.