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

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

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

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

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

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

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

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

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

ดูการสาธิต

JavaScript

กำลังโหลด...

TypeScript

กำลังโหลด...