顯示錨定廣告

本例顯示使用 Google 發布商廣告代碼 (GPT) 程式庫的錨定廣告。 如要進一步瞭解錨定廣告,請參閱 Google Ad Manager 說明中心

預覽錨定廣告

只要在放送 GPT 廣告的頁面網址中加入 #gamTopAnchorDemo#gamBottomAnchorDemo,即可在所有放送 GPT 廣告的頁面上顯示示範錨定廣告。例如: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() 將會觸發廣告請求,無論版位瀏覽權限為何。

實作範例

觀看示範