顯示側邊欄廣告

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

預覽側邊欄廣告

只要在透過 GPT 顯示廣告的任何網頁上,加入 #gamLeftSideRailDemo#gamRightSideRailDemo,即可顯示示範側邊欄廣告。例如:https://www.example.com/#gamLeftSideRailDemo

您可以使用這個方法,在網站上預覽側邊欄廣告,而無須修改程式碼。這項功能特別適合用於快速驗證側邊欄在不同裝置和作業環境中的外觀和行為。

使用須知

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

    • GPT 在頂層視窗中執行。
    • 可視區域尺寸不得小於 1200x650 像素。
  • 請只在您想刊登側邊欄廣告的網頁和環境中,發出側邊欄廣告請求。側邊欄廣告可放送至所有裝置。

  • 側邊欄廣告會產生專屬的廣告容器。您不需要為側邊欄廣告提供 <div>。廣告放送時,側邊欄廣告會自動建立並插入專屬容器後於頁面顯示。這些容器的位置盡可能靠近主要網頁內容。

  • 側邊欄廣告會根據可用空間進行最佳化調整。側邊欄廣告必須在主要網頁內容的左側或右側保留至少 120x500 像素的空白空間。顯示廣告後,如果調整網頁大小導致空白空間低於這個最小值,系統會暫時隱藏廣告版位,直到空間恢復可用為止。

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

  • 只重新整理可見的側邊欄廣告。當側邊欄廣告版位收合或無法顯示時,系統會忽略所有對 refresh() 的呼叫。如果您使用 disableInitialLoad() 手動控制廣告載入和重新整理,首次呼叫 refresh() 時會觸發廣告要求,且不受廣告版位瀏覽權限限制。

實作範例

查看示範

JavaScript

載入中...

TypeScript

載入中...