顯示錨定廣告

這個範例示範如何使用 Google 發布商廣告代碼 (GPT) 程式庫顯示錨定廣告。如要進一步瞭解錨點廣告,請前往 Google Ad Manager 說明中心

預覽錨定廣告

只要在透過 GPT 顯示廣告的任何網頁上,加入 #gamTopAnchorDemo#gamBottomAnchorDemo,即可顯示示範錨定廣告。例如:https://www.example.com/#gamTopAnchorDemo

這項功能可用於在網站上預覽錨定廣告,無須修改程式碼。這項功能特別實用,可快速驗證錨點在不同裝置和作業環境中的外觀和行為。

使用須知

  • 為確保提供最佳的使用者體驗,系統只會在妥善支援這類格式的網頁中,請求錨定廣告。因此,defineOutOfPageSlot() 可能會傳回空值;您應檢查是否發生這種情況,確保不會執行不必要的作業。目前,如果符合下列條件,系統就會支援錨定廣告:

    • GPT 在頂層視窗中執行。
    • 在經過行動裝置最佳化的網頁上,縮放比例為中性;通常表示發布商在網頁的 <head> 中使用 <meta name="viewport" content="width=device-width, initial-scale=1"> 或類似元素。
    • 可視區域為直向,寬度介於 320px1000px 之間。
  • 請只在要顯示錨定廣告的網頁/環境中,發出錨定廣告請求。錨定廣告可在電腦、平板電腦和行動裝置上放送。

  • 錨定廣告會產生專屬的廣告容器。與其他廣告類型不同,您不必為錨定廣告定義 <div>。廣告放送時,錨定廣告將自動建立並插入專屬容器後於頁面顯示。這些容器可能會使用絕對或固定定位重疊或遮蔽其他元素,因此建議不要將這類元素放在錨點應出現的位置。

  • 如果您是在擁有多個廣告版位的網頁上使用單一請求架構 (SRA),請勿在建立靜態廣告版位 div 前呼叫 display()廣告最佳做法所述,系統會在您第一次呼叫 display() 時要求在這之前定義的所有廣告版位。雖然錨點廣告版位不必預先定義 <div>,但靜態廣告版位必須這麼做。如果在網頁顯示上述元素前呼叫 display(),可能會造成信號品質較低,進而降低營利效益。因此,建議您延後發出初始呼叫,直到靜態廣告版位定義完成為止。

  • 只有可觀看的錨定廣告可以重新整理。當錨定廣告版位收合或尚未捲動至檢視畫面時,系統會忽略所有對 refresh() 的呼叫。不過,如果您使用 disableInitialLoad() 手動控制廣告載入和重新整理,首次呼叫 refresh() 時,系統會觸發廣告要求,且不受廣告版位瀏覽權限限制。

實作範例

查看示範

JavaScript

載入中...

TypeScript

載入中...