Ad Manager 中的 AMP HTML 廣告

在網路故事中投放自訂廣告素材

使用 Ad Manager 在網路故事中投放自訂廣告素材;網路故事是一種運用影像內容述說故事的開放原始碼廣告格式。網路故事可以在 Google 搜尋等平台或您自有自營的 (O&O) 資源上放送。

網路故事支援單頁故事廣告,也就是在網路故事內容之間顯示整頁廣告。

進一步瞭解網路故事:

您也可以啟用網路故事的程式輔助需求功能

設定網路故事

您無法使用 <amp-ad> 元素在網路故事中顯示單頁廣告,因此請改為在您的網頁中加入 <amp-story-auto-ads>

在網路故事中投放自訂廣告素材

網路故事可讓發布商和廣告客戶在 Ad Manager 中為自訂廣告素材使用圖片或影片。

  1. 登入 Google Ad Manager。
  2. 建立自訂廣告素材,並選取 [AMP] 做為「程式碼類型」。
  3. 在「程式碼」方塊中輸入廣告素材程式碼。請納入 <meta> 標記以便插入行動號召按鈕 (使用者按一下按鈕即可前往到達網頁)。
    其他 AMP 擴充功能 (例如 amp-sidebaramp-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>
  4. 選取 [1x1] 做為目標廣告單元大小。
  5. 設定詳情,然後按一下 [儲存]

傳遞其他屬性

如要將其他資料 (例如指定目標資訊) 當做屬性傳遞給建立的 <amp-ad> 代碼,請閱讀網路故事自動廣告開發人員說明文件,瞭解 ad-attributes JSON 物件的其他鍵/值組合。

 

這對您有幫助嗎?

我們應如何改進呢?
true
版本資訊

瞭解 Ad Manager 最新功能和說明中心更新內容。

查看新功能

搜尋
清除搜尋內容
關閉搜尋
主選單
2246283876954525200
true
搜尋說明中心
true
true
true
true
true
148
false
false