在 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 廣告

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

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

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

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

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

• 由 @CrystalOnScript 撰寫