Γιατί τα SPA είναι δύσκολα για τη Συγκατάθεση Cookie

Οι εφαρμογές μονής σελίδας φορτώνονται μία φορά και χειρίζονται την πλοήγηση στην πλευρά του πελάτη. Δεν υπάρχουν επαναφορτώσεις σελίδας για να ενεργοποιήσουν εκ νέου τους ελέγχους συγκατάθεσης. Τα scripts τρίτων που φορτώνονται στο index.html εκτελούνται πριν εμφανιστεί οποιαδήποτε διεπαφή συγκατάθεσης.

Συνηθισμένα Λάθη σε SPA

• Φόρτωση του Google Analytics στο index.html πριν τη συγκατάθεση
• Μη επανέλεγχος της κατάστασης συγκατάθεσης κατά τις αλλαγές διαδρομών
• Απώλεια της κατάστασης συγκατάθεσης όταν η εφαρμογή κάνει re-render
• Ενεργοποίηση συμβάντων παρακολούθησης στον κύκλο ζωής στοιχείων χωρίς ελέγχους συγκατάθεσης

Σωστή Υλοποίηση

1. Φορτώστε μόνο το script CMP στο HTML head — τίποτα άλλο
2. Φορτώστε υπό όρους scripts τρίτων μόνο αφού δοθεί η συγκατάθεση
3. Χρησιμοποιήστε τη JavaScript API του CMP για να ελέγξετε την κατάσταση συγκατάθεσης προγραμματιστικά
4. Προστατέψτε τις κλήσεις analytics και marketing στα στοιχεία σας με ελέγχους συγκατάθεσης

Συμβουλές ανά Framework

React

Χρησιμοποιήστε έναν consent context provider. Ελέγξτε την κατάσταση συγκατάθεσης σε useEffect hooks πριν αρχικοποιήσετε trackers.

Vue

Δημιουργήστε ένα consent plugin. Χρησιμοποιήστε router guards για να επαληθεύσετε την κατάσταση συγκατάθεσης κατά την πλοήγηση.

Angular

Χρησιμοποιήστε ένα consent service που εγχέεται μέσω DI. Ελέγξτε τη συγκατάθεση σε route guards και κατά την αρχικοποίηση στοιχείων.

FlexyConsent με SPA

Η προσέγγιση ενός script του FlexyConsent λειτουργεί με οποιοδήποτε framework. Φορτώνεται ασύγχρονα, διαχειρίζεται την κατάσταση συγκατάθεσης μέσω cookies και παρέχει μια JavaScript API για προγραμματιστικούς ελέγχους συγκατάθεσης. Δεν απαιτείται SDK ειδικό για framework.