Mengapa SPA Rumit untuk Persetujuan Kuki

Aplikasi halaman tunggal dimuat sekali dan mengendalikan navigasi di sisi klien. Tiada muat semula halaman untuk mencetuskan semula semakan persetujuan. Skrip pihak ketiga yang dimuat dalam index.html dilaksanakan sebelum sebarang UI persetujuan muncul.

Kesilapan SPA yang Biasa

• Memuat Google Analytics dalam index.html sebelum persetujuan
• Tidak menyemak semula keadaan persetujuan pada perubahan laluan
• Kehilangan keadaan persetujuan apabila aplikasi dirender semula
• Mencetuskan peristiwa penjejakan dalam kitaran hayat komponen tanpa gerbang persetujuan

Pelaksanaan yang Betul

1. Muat hanya skrip CMP dalam HTML head anda — tiada yang lain
2. Muat skrip pihak ketiga secara bersyarat hanya selepas persetujuan diberikan
3. Gunakan JavaScript API CMP untuk menyemak keadaan persetujuan secara pengaturcaraan
4. Hadkan panggilan analitik dan pemasaran di sebalik semakan persetujuan dalam komponen anda

Petua Khusus Rangka Kerja

React

Gunakan penyedia konteks persetujuan. Semak keadaan persetujuan dalam hook useEffect sebelum memulakan penjejak.

Vue

Cipta pemalam persetujuan. Gunakan pengawal penghala untuk mengesahkan keadaan persetujuan semasa navigasi.

Angular

Gunakan perkhidmatan persetujuan yang disuntik melalui DI. Semak persetujuan dalam pengawal laluan dan permulaan komponen.

FlexyConsent dengan SPA

Pendekatan skrip tunggal FlexyConsent berfungsi dengan mana-mana rangka kerja. Ia dimuat secara tak segerak, mengurus keadaan persetujuan melalui kuki dan mendedahkan JavaScript API untuk semakan persetujuan secara pengaturcaraan. Tiada SDK khusus rangka kerja diperlukan.