在 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 撰寫