Cookie-ს თანხმობა ერთგვერდიანი აპლიკაციებისთვის (React, Vue, Angular)
რატომ არის SPA რთული cookie თანხმობისთვის
ერთგვერდიანი აპლიკაციები ერთხელ იტვირთება და ნავიგაციას კლიენტის მხარეს ამუშავებს. არ ხდება გვერდის ხელახლა ჩატვირთვა თანხმობის შემოწმებების ხელახლა გასაშვებად. index.html-ში ჩატვირთული მესამე მხარის სკრიპტები ეშვება თანხმობის ინტერფეისის გამოჩენამდე.
SPA-ს გავრცელებული შეცდომები
- Google Analytics-ის ჩატვირთვა index.html-ში თანხმობამდე
- თანხმობის მდგომარეობის ხელახლა შემოწმების გამოტოვება მარშრუტის ცვლილებისას
- თანხმობის მდგომარეობის დაკარგვა აპლიკაციის ხელახლა რენდერისას
- თვალთვალის მოვლენების გაშვება კომპონენტის სასიცოცხლო ციკლში თანხმობის შემოწმების გარეშე
სწორი იმპლემენტაცია
- ჩატვირთეთ მხოლოდ CMP სკრიპტი HTML-ის head-ში — სხვა არაფერი
- პირობითად ჩატვირთეთ მესამე მხარის სკრიპტები მხოლოდ თანხმობის მიღების შემდეგ
- გამოიყენეთ CMP-ის JavaScript API თანხმობის მდგომარეობის პროგრამულად შესამოწმებლად
- შეზღუდეთ ანალიტიკისა და მარკეტინგის გამოძახებები თანხმობის შემოწმებების უკან თქვენს კომპონენტებში
ფრეიმვორკის სპეციფიკური რჩევები
React
გამოიყენეთ consent context provider. შეამოწმეთ თანხმობის მდგომარეობა useEffect hooks-ში ტრეკერების ინიციალიზაციამდე.
Vue
შექმენით consent plugin. გამოიყენეთ router guards ნავიგაციისას თანხმობის მდგომარეობის შესამოწმებლად.
Angular
გამოიყენეთ DI-ით ინჯექტირებული consent service. შეამოწმეთ თანხმობა route guards-სა და კომპონენტის ინიციალიზაციაში.
FlexyConsent SPA-სთან ერთად
FlexyConsent-ის ერთი სკრიპტის მიდგომა მუშაობს ნებისმიერ ფრეიმვორკთან. ის იტვირთება სინქრონულად, როგორც პირველი სკრიპტი <head>-ში, ამიტომ შეუძლია ტრეკერების დაბლოკვა მათ გაშვებამდე. ის მართავს თანხმობის მდგომარეობას ქუქი-ფაილებით და გვთავაზობს JavaScript API-ს თანხმობის პროგრამული შემოწმებისთვის. ფრეიმვორკის სპეციფიკური SDK არ არის საჭირო.