使用 Ad Manager 在網路故事中投放自訂廣告素材;網路故事是一種運用影像內容述說故事的開放原始碼廣告格式。網路故事可以在 Google 搜尋等平台或您自有自營的 (O&O) 資源上放送。
網路故事支援單頁故事廣告,也就是在網路故事內容之間顯示整頁廣告。
進一步瞭解網路故事:
您也可以啟用網路故事的程式輔助需求功能。
設定網路故事
您無法使用 <amp-ad>
元素在網路故事中顯示單頁廣告,因此請改為在您的網頁中加入 <amp-story-auto-ads>
。
在網路故事中投放自訂廣告素材
網路故事可讓發布商和廣告客戶在 Ad Manager 中為自訂廣告素材使用圖片或影片。
- 登入 Google Ad Manager。
- 建立自訂廣告素材,並選取 [AMP] 做為「程式碼類型」。
- 在「程式碼」方塊中輸入廣告素材程式碼。請納入
<meta>
標記以便插入行動號召按鈕 (使用者按一下按鈕即可前往到達網頁)。其他 AMP 擴充功能 (例如amp-sidebar
或amp-accordion
仍然可以在網路故事中顯示,但行動號召按鈕是唯一可點擊的元素。amp-cta-url
:行動號召按鈕的到達網頁網址。由於系統不支援錨定標記,因此請使用 Click 巨集 (%%CLICK_URL_UNESC%%
) 和目的地巨集 (%%DEST_URL%%
) 來插入值。amp-cta-type
:行動號召按鈕類型,必須根據預先定義的一組選項設定。
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html>
- 選取 [1x1] 做為目標廣告單元大小。
- 設定詳情,然後按一下 [儲存]。
傳遞其他屬性
如要將其他資料 (例如指定目標資訊) 當做屬性傳遞給建立的 <amp-ad>
代碼,請閱讀網路故事自動廣告開發人員說明文件,瞭解 ad-attributes
JSON 物件的其他鍵/值組合。