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