顯示側邊欄廣告

這個範例顯示使用 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() 都會觸發廣告請求。

實作範例

觀看示範