DoubleClick AMP Story Ads

簡介

在 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 上編輯範例