在 Web Stories 中刊登廣告

Web Stories 提供全螢幕、可輕觸的體驗，讓讀者沉浸在內容中。透過 Web Story 廣告進行廣告宣傳，可將廣告無縫且無干擾地整合到使用者的旅程中，讓他們對平台保持參與和喜愛。

廣告版位

Web Stories 使用單一 amp-story-auto-ads 元件來指定廣告數量和版位。

amp-story-auto-ads 是 amp-ad 元件的包裝函式。它會在使用者瀏覽故事內容時動態插入一個或多個廣告。為了確保最佳使用者體驗

1. 廣告由 Web Stories 執行階段預先轉譯，然後插入。這保證使用者永遠不會看到空白或未載入的廣告。

2. 廣告密度已透過內容比例最佳化，以防止過度飽和。amp-story-auto-ads 元件會決定在使用者進展時於何時何處插入廣告。

Web Story 會在最初兩個頁面之後的某個時間點放置第一個廣告，目的是最佳化營利收入和使用者體驗。

使用者互動

使用者可以像瀏覽一般故事頁面一樣瀏覽廣告頁面；方法是輕觸螢幕右側三分之二的區域。

使用者透過輕觸系統轉譯的行動號召按鈕直接與廣告互動，該按鈕會出現在所有 Web Story 廣告的底部三分之一處。按鈕可以設定為將使用者傳送到任意網址 (或相關的應用程式商店)。

為廣告設定 Web Story

Web Stories 無法直接在頁面上支援 amp-ad。相反地，所有廣告都由 amp-story-auto-ads 元件擷取和顯示。amp-story-auto-ads 元件必須放置為 amp-story 的直接子元素。

<amp-story>
  <amp-story-auto-ads>
    <script type="application/json">
      {
        "ad-attributes": {
          // ad server configuration
        }
      }
    </script>
  </amp-story-auto-ads>
  <amp-story-page>
  ...
</amp-story>

與一般的 amp-ad 不同，不需要 <fallback> 或 <placeholder>，因為 Web Story 廣告只會在完全轉譯後顯示。

開始使用 Story Ads

在 Web Story 中加入廣告最簡單的方法是從支援的廣告伺服器放送廣告。

目前支援 Web Story 廣告的廣告平台

• Google Ad Manager
  • 直接銷售廣告
  • 程式輔助廣告
• Google AdSense
  • 程式輔助廣告
• MGID
  • 直接銷售廣告
• 其他廣告平台可以整合 (如需詳細資訊，請透過 Github 與我們聯絡)

如果您是廣告客戶，有興趣在 Web Stories 內投放廣告，請聯絡我們以取得更多資訊。

發佈商也可以設定自己的廣告伺服器來放置自訂廣告。此處詳細說明了該流程。

• 撰文者： @CrystalOnScript