הסכמת עוגיות עבור יישומי עמוד יחיד (React, Vue, Angular)
למה SPA מאתגרים להסכמת עוגיות
יישומי עמוד יחיד נטענים פעם אחת ומטפלים בניווט בצד הלקוח. אין טעינות עמוד מחדש שמפעילות מחדש בדיקות הסכמה. סקריפטים של צד שלישי שנטענים ב-index.html מופעלים לפני שמופיע ממשק ההסכמה.
טעויות נפוצות ב-SPA
- טעינת Google Analytics ב-index.html לפני קבלת הסכמה
- אי-בדיקה מחדש של מצב ההסכמה בשינויי מסלול
- איבוד מצב ההסכמה כאשר האפליקציה מתרנדרת מחדש
- הפעלת אירועי מעקב במחזור החיים של רכיבים ללא שערי הסכמה
יישום נכון
- טענו רק את סקריפט ה-CMP בראש ה-HTML — שום דבר אחר
- טענו סקריפטים של צד שלישי באופן מותנה רק לאחר מתן הסכמה
- השתמשו ב-JavaScript API של ה-CMP לבדיקת מצב ההסכמה באופן תכנותי
- הגבילו קריאות אנליטיקה ושיווק מאחורי בדיקות הסכמה ברכיבים שלכם
טיפים ספציפיים לפריימוורק
React
השתמשו ב-consent context provider. בדקו את מצב ההסכמה ב-useEffect hooks לפני אתחול מעקבים.
Vue
צרו תוסף הסכמה. השתמשו ב-router guards לאימות מצב ההסכמה בניווט.
Angular
השתמשו בשירות הסכמה שמוזרק באמצעות DI. בדקו הסכמה ב-route guards ובאתחול רכיבים.
FlexyConsent עם SPA
הגישה של FlexyConsent עם סקריפט יחיד עובדת עם כל פריימוורק. הוא נטען באופן אסינכרוני, מנהל מצב הסכמה באמצעות עוגיות וחושף JavaScript API לבדיקות הסכמה תכנותיות. אין צורך ב-SDK ספציפי לפריימוורק.