แสดงโฆษณาที่มีการให้รางวัล

ตัวอย่างนี้แสดงให้เห็นการใช้ไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) เพื่อขอและแสดงโฆษณาที่มีการให้รางวัล รูปแบบโฆษณาที่มีการให้รางวัลช่วยให้ผู้ใช้แอปและเว็บ ได้รับรางวัลจากการดูโฆษณา ดูข้อมูลเพิ่มเติมเกี่ยวกับโฆษณาที่มีการให้รางวัลได้ในศูนย์ช่วยเหลือของ Google Ad Manager

คุณใช้เหตุการณ์ GPT ต่อไปนี้เพื่อแสดงและโต้ตอบกับโฆษณาที่มีการให้รางวัลได้

เหตุการณ์ เริ่มทำงานเมื่อ...
RewardedSlotClosedEvent ปิดช่องโฆษณาที่มีการให้รางวัลแล้ว
RewardedSlotGrantedEvent ได้รับรางวัลจากการดูโฆษณา
RewardedSlotReadyEvent ช่องโฆษณาที่มีการให้รางวัลพร้อมแสดงแล้ว

สำหรับตัวอย่างนี้ เราใช้กล่องโต้ตอบโมดัลแบบง่ายเพื่อแจ้งให้ผู้ใช้ดูโฆษณาที่มีการให้รางวัลและแสดงรางวัลเมื่อเสร็จสมบูรณ์ ในทางปฏิบัติแล้ว ผู้เผยแพร่โฆษณามีหน้าที่สร้างอินเทอร์เฟซของตนเองเพื่อทำงานเหล่านี้ให้เสร็จสิ้น

หมายเหตุการใช้งาน

  • เราจะขอโฆษณาที่มีการให้รางวัลเฉพาะในหน้าเว็บที่รองรับรูปแบบนี้อย่างถูกต้องเท่านั้น เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดีที่สุด ด้วยเหตุนี้ defineOutOfPageSlot() จึงอาจแสดงผล null คุณควรตรวจสอบกรณีนี้เพื่อให้แน่ใจว่าคุณไม่ได้ทำงานที่ไม่จำเป็นใดๆ ปัจจุบันโฆษณาที่มีการให้รางวัลใช้ได้เฉพาะในหน้าเว็บที่เพิ่มประสิทธิภาพสำหรับอุปกรณ์เคลื่อนที่ซึ่งซูมเป็นค่ากลางเท่านั้น โดยทั่วไปหมายความว่าผู้เผยแพร่โฆษณามี <meta name="viewport" content="width=device-width, initial-scale=1"> หรือที่คล้ายกันใน <head> ของหน้าเว็บ

  • โฆษณาที่มีการให้รางวัลจะสร้างช่องโฆษณาของตนเอง ต่างจากโฆษณาประเภทอื่นๆ ตรงที่คุณไม่จำเป็นต้องกำหนด <div> สำหรับโฆษณาที่มีการให้รางวัล โฆษณาที่มีการให้รางวัลจะสร้างและใส่คอนเทนเนอร์ของตัวเองลงในหน้าโดยอัตโนมัติเมื่อมีคนเติมโฆษณา

ตัวอย่างการใช้งาน

ดูการสาธิต