CookiePilot

Εγκαταστήστε το CookiePilot και δέστε κάθε tracker στη συγκατάθεση

Φορτώστε πρώτα το consent-default stub, μετά το banner και τελευταίους τους trackers. Επιλέξτε τη διαδρομή που ταιριάζει στον τρόπο φόρτωσης των scripts σας.

Ξεκινήστε δωρεάνΔιαβάστε την τεκμηρίωση

Επιλέξτε τη διαδρομή εγκατάστασης

1Μέθοδος

Άμεσα στο <head>

Προτείνεται όταν το GA4 ή το Meta εισάγονται από plugins και θέλετε να τα ελέγχετε από ένα σημείο.

Βήματα

  1. 1Επικολλήστε το consent-default stub στην κορυφή του <head>, με κάθε κατηγορία σε denied.
  2. 2Προσθέστε το script του banner του CookiePilot αμέσως μετά το stub.
  3. 3Μετακινήστε το GA4, το Meta και τους άλλους trackers κάτω από το banner και φορτώστε τα μόνο μετά τη συγκατάθεση.
  4. 4Κάντε νέο deploy και σκληρή ανανέωση ώστε να σερβιριστεί η νέα σειρά.
2Μέθοδος

Μέσω Google Tag Manager

Προτείνεται όταν τα tags σας βρίσκονται ήδη σε container του GTM.

Βήματα

  1. 1Κρατήστε το consent-default stub στο <head>, πριν από τον container του GTM.
  2. 2Φορτώστε τον loader του CookiePilot μία μόνο φορά: είτε αμέσως μετά το consent-default stub στο <head>, είτε ως ένα μοναδικό Custom HTML tag στον trigger Consent Initialization. Ποτέ και με τους δύο τρόπους.
  3. 3Δέστε κάθε tag του GTM στην αντίστοιχη συγκατάθεση, ώστε τίποτα να μην ενεργοποιείται πριν την Αποδοχή.
  4. 4Προσοχή: το GTM δεν ελέγχει trackers που φορτώνονται εκτός αυτού από plugins του CMS. Φέρτε τους μέσα στο GTM ή δέστε τους απευθείας.
3Μέθοδος

Plugin ή module του CMS

Προτείνεται μόνο όταν υπάρχει τεκμηριωμένη ενσωμάτωση CookiePilot για τη συγκεκριμένη πλατφόρμα σας και προτιμάτε τη ρύθμιση από τον πίνακα διαχείρισης.

Βήματα

  1. 1Επιβεβαιώστε πρώτα ότι υπάρχει τεκμηριωμένη ενσωμάτωση CookiePilot για την πλατφόρμα σας· αν δεν υπάρχει, χρησιμοποιήστε τις άμεσες οδηγίες στο <head> ή μέσω GTM.
  2. 2Ελέγξτε τον παραγόμενο πηγαίο κώδικα της σελίδας: το consent-default stub και το banner του CookiePilot πρέπει να εμφανίζονται πριν από τους trackers. Αν η σειρά είναι λανθασμένη, διορθώστε την με τον άμεσο οδηγό.
  3. 3Ελέγξτε κάθε ξεχωριστό plugin analytics ή marketing: το καθένα πρέπει να διαβάζει τη συγκατάθεση του CookiePilot πριν φορτώσει.
  4. 4Απενεργοποιήστε κάθε plugin που εκτελεί δικά του scripts χωρίς έλεγχο συγκατάθεσης.
4Μέθοδος

Μεικτές πηγές

Προτείνεται όταν οι trackers προέρχονται ταυτόχρονα από πολλά σημεία (theme, plugins, GTM, hardcoded tags).

Βήματα

  1. 1Καταγράψτε κάθε πηγή script: theme, plugins, GTM και hardcoded tags.
  2. 2Κρατήστε μόνο ένα consent-default stub και έναν loader cookiepilot.js σε όλες τις πηγές και αφαιρέστε κάθε διπλότυπο, ώστε τίποτα να μη φορτώνεται δύο φορές.
  3. 3Δέστε κάθε πηγή στην αντίστοιχη κατηγορία συγκατάθεσης.
  4. 4Σαρώστε ξανά μετά από κάθε αλλαγή για να εντοπίσετε νέο script που γλίστρησε χωρίς έλεγχο.

Ασφαλή παραδείγματα κώδικα

Επικολλήστε αυτά τα μπλοκ με τη σειρά που εμφανίζονται. Αντικαταστήστε τα σύμβολα YOUR_* με τις τιμές σας.

Σωστή σειρά φόρτωσης

  1. 1Επικολλήστε το consent-default stub στην κορυφή του <head>, με κάθε κατηγορία σε denied.
  2. 2Προσθέστε το script του banner του CookiePilot αμέσως μετά το stub.
  3. 3Μετακινήστε το GA4, το Meta και τους άλλους trackers κάτω από το banner και φορτώστε τα μόνο μετά τη συγκατάθεση.
1. consent-default stub
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  gtag('consent', 'default', {
    ad_storage: 'denied',
    analytics_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied',
    functionality_storage: 'denied',
    personalization_storage: 'denied',
    security_storage: 'granted',
    wait_for_update: 500,
  });
</script>
2. CookiePilot banner
<script async
  src="https://cdn.cookiepilot.io/cookiepilot.js"
  data-cpkey="YOUR_SITE_KEY"
></script>
3. GA4
<script>
  window.addEventListener('cookiepilot:consent', function(event) {
    var consent = event.detail || {};
    if (!consent.analytics || window.__cookiepilotGa4Loaded) return;
    window.__cookiepilotGa4Loaded = true;
    var ga = document.createElement('script');
    ga.async = true;
    ga.src = 'https://www.googletagmanager.com/gtag/js?id=' +
      encodeURIComponent('YOUR_GA4_ID');
    ga.onload = function() {
      gtag('js', new Date());
      gtag('config', 'YOUR_GA4_ID');
    };
    document.head.appendChild(ga);
  });
</script>
3. GTM
<script>
  (function(w,d,s,l,i){
    w[l]=w[l]||[];
    w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
    var f=d.getElementsByTagName(s)[0],j=d.createElement(s),
      dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;
    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','YOUR_GTM_ID');
</script>

Η εγκατάσταση του banner δεν μπλοκάρει από μόνη της τα scripts σας

Το CookiePilot εμφανίζει το banner και καταγράφει τη συγκατάθεση, αλλά δεν μπορεί σιωπηλά να μπλοκάρει scripts που δεν ελέγχει. Κάθε tracker που φορτώνεται από theme, plugin ή tag του GTM συνεχίζει να ενεργοποιείται μέχρι να τον δέσετε στη συγκατάθεση. Αντιμετωπίστε κάθε πηγή ξεχωριστά και επιβεβαιώστε ότι μένει σιωπηλή πριν τη συγκατάθεση.

Έλεγχος σε καθαρή συνεδρία

  • Πριν τη συγκατάθεση

    Ανοίξτε τον ιστότοπο σε νέο παράθυρο ιδιωτικής περιήγησης. Πριν πατήσετε οτιδήποτε, κανένα script analytics ή marketing δεν πρέπει να τρέχει και κανένα μη απαραίτητο cookie δεν πρέπει να ορίζεται.

  • Μετά την Απόρριψη

    Πατήστε Απόρριψη. Ανανεώστε και επιβεβαιώστε ότι οι trackers εξακολουθούν να μη φορτώνουν και ότι δεν εμφανίζεται μη απαραίτητο cookie.

  • Μετά την Αποδοχή

    Πατήστε Αποδοχή. Επιβεβαιώστε ότι οι trackers φορτώνουν πλέον και ότι τα cookies τους εμφανίζονται, σύμφωνα με τις κατηγορίες που αποδεχτήκατε.

Έτοιμοι να εγκαταστήσετε σε λίγα λεπτά;

Δημιουργήστε ένα έργο, αντιγράψτε το site key σας και δέστε κάθε tracker σε πραγματική συγκατάθεση.

Ξεκινήστε δωρεάνΔιαβάστε την τεκμηρίωση