בדיקות אוטומטיות לבאנר הסכמה עם Playwright: מדריך מעשי
למה לאטמט בדיקות הסכמה
בדיקות הסכמה ידניות קל לדלג עליהן וקל לטעות בהן. תג חדש שהוסיף השיווק, עדכון ערכת נושא או טוען סקריפטים שעבר ריפקטורינג יכולים להתחיל בשקט להפעיל גורמי מעקב לפני הסכמה, ואיש לא ישים לב עד שלקוח או רגולטור ישימו. בדיקות דפדפן אוטומטיות הופכות את השאלה “האם הבאנר שלנו עדיין מתנהג כמו שצריך?” למשהו שרץ בכל גרסה. Playwright מתאים כי הוא שולט בדפדפנים אמיתיים, יכול ליירט בקשות רשת ונותן לכם הקשרי דפדפן חדשים ומבודדים.
הקשרי הבדיקה
כל בדיקה צריכה להתחיל מהקשר דפדפן נקי, בלי עוגיות ובלי אחסון מקומי. זה מדמה מבקר בפעם הראשונה. צרו הקשר חדש לכל בדיקה במקום לעשות שימוש חוזר בדף, אחרת בחירה ששמרה בדיקה אחת דולפת לבאה אחריה.
בדיקה 1: שום דבר לא נורה לפני הסכמה
האזינו לכל בקשת רשת מרגע שהדף מתחיל להיטען. טענו את הדף, המתינו עד שיירגע ואל תיגעו בבאנר. לאחר מכן השוו את הבקשות לרשימת דומיינים של גורמי מעקב שאתם מתחזקים, כמו אנליטיקה, פרסום ופיקסלים חברתיים. הבדיקה נכשלת אם בקשה כלשהי מגיעה לדומיין ברשימה. קראו גם את רשימת העוגיות מההקשר וכשילו אם קיימת עוגייה לא חיונית.
בדיקה 2: סירוב משאיר הכול כבוי
- טענו את הדף בהקשר חדש.
- לחצו על פקד הסירוב בבאנר.
- נווטו לשניים או שלושה דפים נוספים, כולל אחד עם מדיה מוטמעת.
- ודאו שלא נשלחו בקשות למעקב ושלא הוגדרו עוגיות לא חיוניות.
- טענו מחדש וודאו שהבאנר נשאר מוסתר והבחירה נשמרת.
בדיקה 3: אישור מפעיל את מה שצריך
לחצו על אישור וודאו שהתגים הצפויים נורים כעת, למשל בקשת האנליטיקה שלכם. זה מגן מפני הכשל ההפוך: באנר שרושם הסכמה אבל לעולם לא משחרר את הסקריפטים, מה שעולה לכם בשקט בנתונים ובהכנסות.
בדיקה 4: בחירות מפורטות
פתחו את שכבת ההעדפות, הפעילו מטרה אחת בלבד ושמרו. ודאו שתגים הקשורים למטרה הזו נורים ושתגים הקשורים לאחרות לא. שמרו קובץ מיפוי קטן ממטרה לדומיינים צפויים כדי שהבדיקה תיקרא בבהירות וקל יהיה לעדכן אותה.
בדיקה 5: ביטול הסכמה
אשרו, ואז פתחו מחדש את ההגדרות דרך הקישור הקבוע שלכם ובטלו את ההסכמה. ודאו שבקשות הבאות לגורמי מעקב פסקו ושמצב ההסכמה השמור משקף את השינוי. שימו לב שעוגיות שכבר הוגדרו עשויות לדרוש הסרה מפורשת, לכן קבעו מהי המדיניות שלכם ובדקו אותה.
בדיקה 6: אותות
אם אתם משתמשים ב-Google Consent Mode, קראו את ה-data layer בהקשר הדף לפני כל בחירה ואחריה וודאו שערכי מצב ההסכמה תואמים: denied כברירת מחדל, ו-granted לקטגוריות שהמבקר אישר. אם אתם משתמשים במחרוזת TCF, קראו אותה דרך ה-TCF API וודאו שהיא קיימת אחרי בחירה ושהיא משקפת אותה.
שמירה על אמינות הבדיקות
- השתמשו בסלקטורים יציבים, כמו מאפייני בדיקה או תפקידים נגישים, במקום מחלקות CSS שמשתנות עם עדכוני עיצוב.
- המתינו לתנאים מפורשים, לא להשהיות קבועות.
- הריצו בדיקות מול עותק סטייג'ינג שיש לו אותה הגדרת תגים כמו בייצור.
- הריצו גרסה קטנה של הסוויטה לפי לוח זמנים, לא רק בפריסות, כי סקריפטים של צד שלישי משתנים בלי שתפרסמו גרסה.
- בדקו את האזורים העיקריים שאתם משרתים באמצעות הגדרת מיקום גאוגרפי או שימוש בעקיפת האזור שה-CMP שלכם מציע.
איך FlexyConsent משתלבת
FlexyConsent תומכת ב-IAB TCF 2.4, ב-IAB GPP v1.1 וב-Google Consent Mode v2, כך שהאותות שאתם מאמתים בבדיקות הם אותות סטנדרטיים שאפשר לקרוא מהדף. הבאנר זמין ב-58 שפות; אם אתם משרתים כמה שפות, כללו בדיקה שטוענת לפחות גרסה אחת שאינה אנגלית.
עיקרי הדברים
- השתמשו בהקשר דפדפן חדש לכל בדיקה כדי לדמות מבקר בפעם הראשונה.
- בצעו אימות על בקשות רשת ועוגיות, לא רק על איך שהבאנר נראה.
- כסו ארבעה מסלולים: בלי אינטראקציה, סירוב, אישור וביטול הסכמה.
- בדקו גם את אותות ההסכמה ב-data layer או ב-TCF API.
- הריצו את הסוויטה בגרסה ולפי לוח זמנים כדי לתפוס סטייה מסקריפטים של צד שלישי.