ความยินยอมใน WebView: ทำให้ความยินยอมแบบเนทีฟและเว็บซิงก์กัน
ปัญหาแบนเนอร์ซ้อนสองชั้น
แอปจำนวนมากเป็นเนทีฟส่วนหนึ่งและเว็บส่วนหนึ่ง เกมแสดงร้านค้า ข่าว หรือหน้าช่วยเหลือใน WebView แอปยูทิลิตีแสดงบทความจากเว็บไซต์ของตน แอปไฮบริดห่อส่วนใหญ่ของอินเทอร์เฟซไว้ในเนื้อหาเว็บ แต่ละฝั่งมีกลไกความยินยอมของตนเอง แอปเนทีฟใช้ CMP หรือ SDK ในแอป ส่วนหน้าเว็บโหลด CMP ของเว็บ หากไม่เชื่อมต่อกัน ผู้ใช้จะถูกถามสองครั้ง ตัวเลือกที่เลือกในที่หนึ่งถูกเพิกเฉยในอีกที่ และคำขอโฆษณาจากภายใน WebView ออกไปพร้อมสัญญาณที่ผิด
คู่มือนี้อธิบายวิธีทำให้ความยินยอมของเนทีฟและเว็บตรงกัน เพื่อให้ผู้ใช้ตอบครั้งเดียว และทุกคำขอโฆษณาพกการตัดสินใจเดียวกัน
แต่ละฝั่งเก็บความยินยอมไว้ที่ใด
เนทีฟ
IAB TCF กำหนดวิธีที่ CMP ในแอปจัดเก็บความยินยอม คือใน NSUserDefaults บน iOS และ SharedPreferences บน Android โดยใช้คีย์มาตรฐาน เช่น IABTCF_TCString, IABTCF_gdprApplies และ IABTCF_PurposeConsents SDK โฆษณาอ่านคีย์เหล่านี้โดยตรง IAB GPP กำหนดคีย์ที่คล้ายกันโดยมีคำนำหน้า IABGPP_ เช่น IABGPP_HDR_GppString
เว็บ
CMP ของเว็บมักเก็บการตัดสินใจไว้ในคุกกี้ first-party หรือ local storage ของโดเมนเว็บไซต์ และเปิดให้ใช้ผ่านฟังก์ชัน JavaScript __tcfapi และ __gpp แท็กโฆษณาในหน้าเรียกฟังก์ชันเหล่านั้น ไม่ใช่ที่จัดเก็บแบบเนทีฟ
ช่องว่าง
WebView มีพื้นที่คุกกี้และที่จัดเก็บของตนเอง แยกจากเบราว์เซอร์ของอุปกรณ์และแยกจากค่ากำหนดแบบเนทีฟของแอป บน iOS WKWebView ที่ใช้ data store แบบไม่ถาวรจะลืมทุกอย่างเมื่อปิด ไม่มีอะไรไหลระหว่างสองฝั่ง เว้นแต่คุณสร้างเอง
เลือกแหล่งข้อมูลจริงเพียงแหล่งเดียว
การตัดสินใจแรกคือฝั่งใดเป็นเจ้าของความยินยอม สำหรับแอปส่วนใหญ่ คำตอบคือ CMP แบบเนทีฟ เพราะ:
- ทำงานก่อน ก่อนเปิด WebView ใดๆ
- SDK โฆษณาแบบเนทีฟ ซึ่งมักสร้างรายได้ส่วนใหญ่ อ่านที่จัดเก็บแบบเนทีฟ
- บน iOS สามารถประสานกับพรอมต์ App Tracking Transparency ได้
แนวทางเว็บเป็นหลักอาจเหมาะกับแอปไฮบริดที่อินเทอร์เฟซทั้งหมดเป็นเนื้อหาเว็บ แต่ถึงกระนั้นคุณต้องเขียนการตัดสินใจกลับไปที่ที่จัดเก็บแบบเนทีฟสำหรับ SDK เนทีฟ
ส่งความยินยอมแบบเนทีฟเข้าสู่ WebView
เมื่อเนทีฟเป็นแหล่งข้อมูลจริง WebView ต้องเห็นการตัดสินใจเดียวกัน รูปแบบที่พบบ่อย:
- แทรกการทำงานของ
__tcfapiก่อนสคริปต์ของหน้าทำงาน ให้แทรกสคริปต์เล็กๆ ที่กำหนด__tcfapi(และ__gppหากจำเป็น) และตอบการเรียกด้วย TC string และค่าที่อ่านจากที่จัดเก็บแบบเนทีฟ แท็กโฆษณาในหน้าก็จะได้การตัดสินใจแบบเนทีฟผ่าน API มาตรฐาน - ระงับแบนเนอร์ของเว็บ กำหนดค่า CMP ของเว็บให้ซ่อนเมื่อหน้าโหลดภายในแอปของคุณ เช่น อิงพารามิเตอร์ใน query หรือโทเคน user agent แบบกำหนดเองที่คุณควบคุม มิฉะนั้นผู้ใช้จะเห็นแบนเนอร์ที่สอง
- ส่ง string ตอนโหลด CMP ของเว็บบางตัวรับ consent string ที่มีอยู่ตอนเริ่มต้นและนำไปใช้ได้ ตรวจเอกสารของ CMP ฝั่งเว็บเพื่อดูวิธีที่รองรับ
ไม่ว่าจะใช้รูปแบบใด ตรวจให้แน่ใจว่าค่าที่แทรกอัปเดตเมื่อผู้ใช้เปลี่ยนตัวเลือกในหน้าจอการตั้งค่าแบบเนทีฟ ไม่ใช่เพียงเมื่อเปิดแอปครั้งถัดไป
ส่งความยินยอมจากเว็บกลับไปยังเนทีฟ
หากผู้ใช้เปลี่ยนความยินยอมภายใน WebView ได้ เช่น ผ่านหน้าการตั้งค่าความเป็นส่วนตัว แอปต้องรับรู้ ใช้บริดจ์ JavaScript คือ message handler บน iOS หรืออินเทอร์เฟซ JavaScript บน Android ฝั่งเว็บรับฟังด้วย __tcfapi('addEventListener', ...) และส่ง string ใหม่ไปยังโค้ดเนทีฟ ซึ่งเขียนลงคีย์มาตรฐาน ตรวจสอบข้อมูลที่ได้จาก WebView ก่อนเขียน และรับเฉพาะข้อความจากเนื้อหาของคุณเอง
โฆษณาภายใน WebView
โฆษณาที่แสดงใน WebView คือโฆษณาเว็บ โฆษณาเหล่านี้อ่านความยินยอมจากหน้า ไม่ใช่จากที่จัดเก็บแบบเนทีฟ เว้นแต่ SDK โฆษณามีวิธีเชื่อมทั้งสองเข้าด้วยกัน เช่น Mobile Ads SDK ของ Google มี API ให้ลงทะเบียน WebView เพื่อให้โฆษณาภายในใช้สัญญาณจากแอปได้ ตรวจเอกสารปัจจุบันของ SDK ของคุณ ไม่ว่ากรณีใด ให้ยืนยันด้วยการทดสอบว่าคำขอโฆษณาจาก WebView พก TC หรือ GPP string เดียวกับคำขอโฆษณาแบบเนทีฟ
เช็กลิสต์การทดสอบ
- ติดตั้งใหม่: พรอมต์ความยินยอมหนึ่งครั้ง ไม่ใช่สอง
- ปฏิเสธทั้งหมดใน CMP แบบเนทีฟ เปิด WebView ตรวจคำขอโฆษณา: string ควรสะท้อนการปฏิเสธ
- เปลี่ยนความยินยอมในการตั้งค่าแบบเนทีฟ กลับไปที่ WebView ที่เปิดอยู่: หน้าควรเห็นการตัดสินใจใหม่
- หากมีการตั้งค่าบนเว็บ ให้เปลี่ยนความยินยอมที่นั่นและยืนยันว่าคีย์เนทีฟอัปเดต
- ปิดแอปแล้วเปิดใหม่: การตัดสินใจคงอยู่ทั้งสองฝั่ง
- ทดสอบทั้ง iOS และ Android เพราะที่จัดเก็บของ WebView ทำงานต่างกันในแต่ละระบบ
ประเด็นสำคัญ
- ความยินยอมของเนทีฟและ WebView อยู่ในที่จัดเก็บแยกกันและไม่ซิงก์โดยค่าเริ่มต้น
- เลือกแหล่งข้อมูลจริงเพียงแหล่งเดียว สำหรับแอปส่วนใหญ่คือ CMP แบบเนทีฟ
- เปิดเผยความยินยอมแบบเนทีฟแก่เนื้อหาเว็บผ่าน
__tcfapiหรือ__gppที่แทรกเข้าไป และซ่อนแบนเนอร์ของเว็บ - ใช้บริดจ์ JavaScript เพื่อส่งการเปลี่ยนแปลงจากเว็บกลับไปยังที่จัดเก็บแบบเนทีฟ
- ตรวจว่าคำขอโฆษณาจาก WebView พก consent string เดียวกับคำขอแบบเนทีฟ