Tek sayfa uygulamaları için çerez onayı (React, Vue, Angular)
SPA'lar çerez onayı için neden sorunludur
Tek sayfa uygulamaları bir kez yüklenir ve gezinmeyi istemci tarafında yönetir. Onay kontrollerini yeniden tetikleyecek sayfa yenilemeleri yoktur. index.html'de yüklenen üçüncü taraf betikleri, herhangi bir onay arayüzü görünmeden önce çalışır.
Yaygın SPA hataları
- Google Analytics'i index.html'de onaydan önce yüklemek
- Rota değişikliklerinde onay durumunu kontrol etmemek
- Uygulama yeniden oluşturulduğunda onay durumunu kaybetmek
- Bileşen yaşam döngüsünde onay kontrolleri olmadan izleme olaylarını tetiklemek
Doğru uygulama
- HTML head'ine yalnızca CMP betiğini yükleyin — başka bir şey değil
- Üçüncü taraf betiklerini yalnızca onay verildikten sonra koşullu olarak yükleyin
- Onay durumunu programatik olarak kontrol etmek için CMP'nin JavaScript API'sini kullanın
- Bileşenlerinizdeki analitik ve pazarlama çağrılarını onay kontrollerinin arkasına yerleştirin
Framework'e özel ipuçları
React
Bir onay bağlam sağlayıcısı kullanın. İzleyicileri başlatmadan önce useEffect hook'larında onay durumunu kontrol edin.
Vue
Bir onay eklentisi oluşturun. Gezinme sırasında onay durumunu doğrulamak için router guard'larını kullanın.
Angular
DI ile enjekte edilen bir onay servisi kullanın. Rota guard'larında ve bileşen başlatmada onayı kontrol edin.
FlexyConsent ile SPA
FlexyConsent'in tek betik yaklaşımı herhangi bir framework ile çalışır. Asenkron olarak yüklenir, onay durumunu çerezler aracılığıyla yönetir ve programatik onay kontrolleri için bir JavaScript API sunar. Framework'e özel bir SDK gerekmez.