რატომ არის SPA რთული cookie თანხმობისთვის

ერთგვერდიანი აპლიკაციები ერთხელ იტვირთება და ნავიგაციას კლიენტის მხარეს ამუშავებს. არ ხდება გვერდის ხელახლა ჩატვირთვა თანხმობის შემოწმებების ხელახლა გასაშვებად. index.html-ში ჩატვირთული მესამე მხარის სკრიპტები ეშვება თანხმობის ინტერფეისის გამოჩენამდე.

SPA-ს გავრცელებული შეცდომები

• Google Analytics-ის ჩატვირთვა index.html-ში თანხმობამდე
• თანხმობის მდგომარეობის ხელახლა შემოწმების გამოტოვება მარშრუტის ცვლილებისას
• თანხმობის მდგომარეობის დაკარგვა აპლიკაციის ხელახლა რენდერისას
• თვალთვალის მოვლენების გაშვება კომპონენტის სასიცოცხლო ციკლში თანხმობის შემოწმების გარეშე

სწორი იმპლემენტაცია

1. ჩატვირთეთ მხოლოდ CMP სკრიპტი HTML-ის head-ში — სხვა არაფერი
2. პირობითად ჩატვირთეთ მესამე მხარის სკრიპტები მხოლოდ თანხმობის მიღების შემდეგ
3. გამოიყენეთ CMP-ის JavaScript API თანხმობის მდგომარეობის პროგრამულად შესამოწმებლად
4. შეზღუდეთ ანალიტიკისა და მარკეტინგის გამოძახებები თანხმობის შემოწმებების უკან თქვენს კომპონენტებში

ფრეიმვორკის სპეციფიკური რჩევები

React

გამოიყენეთ consent context provider. შეამოწმეთ თანხმობის მდგომარეობა useEffect hooks-ში ტრეკერების ინიციალიზაციამდე.

Vue

შექმენით consent plugin. გამოიყენეთ router guards ნავიგაციისას თანხმობის მდგომარეობის შესამოწმებლად.

Angular

გამოიყენეთ DI-ით ინჯექტირებული consent service. შეამოწმეთ თანხმობა route guards-სა და კომპონენტის ინიციალიზაციაში.

FlexyConsent SPA-სთან ერთად

FlexyConsent-ის ერთი სკრიპტის მიდგომა მუშაობს ნებისმიერ ფრეიმვორკთან. ის ასინქრონულად იტვირთება, cookie-ებით მართავს თანხმობის მდგომარეობას და უზრუნველყოფს JavaScript API-ს პროგრამული თანხმობის შემოწმებისთვის. ფრეიმვორკის სპეციფიკური SDK არ არის საჭირო.