顯示獎勵廣告

這個範例示範如何使用 Google 發布商廣告代碼 (GPT) 程式庫要求及顯示獎勵廣告。獎勵廣告格式可讓應用程式和網站使用者透過觀看廣告獲得獎勵。如要進一步瞭解獎勵廣告,請前往 Google Ad Manager 說明中心

您可以使用下列 GPT 事件,顯示獎勵廣告並與其互動:

活動 觸發時機
RewardedSlotClosedEvent 獎勵廣告版位已關閉。
RewardedSlotGrantedEvent 觀看廣告後已獲得獎勵。
RewardedSlotReadyEvent 獎勵廣告版位已可顯示。

為了說明這個範例,我們使用簡單的對話方塊,同時提示使用者觀看獎勵廣告,並在使用者看完廣告後顯示獎勵。實際上,發布商有責任實作自己的介面,以完成這些工作。

使用須知

  • 為確保提供最佳的使用者體驗,系統只會在妥善支援這類格式的網頁中,請求獎勵廣告。因此,defineOutOfPageSlot() 可能會傳回 null;您應檢查是否發生這種情況,確保您並未執行不必要的作業。目前,只有在縮放比例為中性的行動版最佳化網頁中,才支援獎勵廣告。通常表示發布商在網頁的 <head> 中使用 <meta name="viewport" content="width=device-width, initial-scale=1"> 或類似內容。

  • 獎勵廣告會產生專屬的廣告版位。與其他廣告類型不同,您不必為獎勵廣告定義 <div>。廣告放送時,獎勵廣告會自動建立並插入專屬容器後於頁面顯示。

實作範例

觀看示範影片

JavaScript

載入中...

TypeScript

載入中...