DoubleClick AMP Story 廣告

簡介

在 AMP story 中，您無法直接將 amp-ad 放在網頁上，而是由 amp-story-auto-ads 擴充功能擷取並顯示所有廣告。

如需完整文件，請參閱 GitHub 上的文件。

<!doctype html>
<html ⚡ lang="en">
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="https://amp.dev.org.tw/documentation/examples/advertising-analytics/doubleclick_amp_story_ads/index.html">
  <meta name="viewport" content="width=device-width">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <title>DoubleClick AMP Story Ads</title>

  <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
  <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script>

設定

匯入 amp-story-auto-ads 元件。

<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script>

設定

在您的網頁中加入 amp-story-auto-ads 標記。

它的第一個子項應為 script 標記，其中包含 JSON 設定物件，內含應如何擷取和顯示廣告的詳細資訊。ad-attributes 是鍵/值組的地圖，對應於要插入之 amp-ad 元素的屬性。

若要放送 DoubleClick 提供的廣告，應將 "type": "doubleclick" 和 "data-slot" 設定為廣告單元的完整路徑，包含聯播網代碼和單元代碼。

<amp-story-auto-ads>
  <script type="application/json">
    {
      "ad-attributes": {
        "type": "doubleclick",
        "data-slot": "/30497360/a4a/amp_story_dfp_example"
      }
    }
  </script>
</amp-story-auto-ads>

請參閱下方的完整範例

需要進一步說明嗎？

如果本頁的說明未涵蓋您的所有問題，歡迎聯絡其他 AMP 使用者，討論您的確切使用案例。

前往 Stack Overflow

有未說明的特色功能？

AMP 專案大力鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，但我們也歡迎您針對特別感興趣的問題提供一次性的貢獻。

在 GitHub 上編輯範例