顯示錨定廣告
這個範例示範如何使用 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">
或類似元素。 - 可視區域為直向,寬度介於
320px
和1000px
之間。
請只在要顯示錨定廣告的網頁/環境中,發出錨定廣告請求。錨定廣告可在電腦、平板電腦和行動裝置上放送。
錨定廣告會產生專屬的廣告容器。與其他廣告類型不同,您不必為錨定廣告定義
<div>
。廣告放送時,錨定廣告將自動建立並插入專屬容器後於頁面顯示。這些容器可能會使用絕對或固定定位重疊或遮蔽其他元素,因此建議不要將這類元素放在錨點應出現的位置。如果您是在擁有多個廣告版位的網頁上使用單一請求架構 (SRA),請勿在建立靜態廣告版位 div 前呼叫
display()
。如廣告最佳做法所述,系統會在您第一次呼叫display()
時要求在這之前定義的所有廣告版位。雖然錨點廣告版位不必預先定義<div>
,但靜態廣告版位必須這麼做。如果在網頁顯示上述元素前呼叫display()
,可能會造成信號品質較低,進而降低營利效益。因此,建議您延後發出初始呼叫,直到靜態廣告版位定義完成為止。只有可觀看的錨定廣告可以重新整理。當錨定廣告版位收合或尚未捲動至檢視畫面時,系統會忽略所有對
refresh()
的呼叫。不過,如果您使用disableInitialLoad()
手動控制廣告載入和重新整理,首次呼叫refresh()
時,系統會觸發廣告要求,且不受廣告版位瀏覽權限限制。