amp-ad

簡介

如何在您的 AMP HTML 檔案中顯示廣告。

設定

在標頭中匯入 amp-ad 元件。

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

基本用法

amp-ad 需要 width 和 height 值。透過 type 引數選取廣告聯播網。

<amp-ad width="300" height="250" type="a9" data-amzn_assoc_ad_mode="auto" data-divid="amzn-assoc-ad-fe746097-f142-4f8d-8dfb-45ec747632e5" data-recomtype="async" data-adinstanceid="fe746097-f142-4f8d-8dfb-45ec747632e5">
</amp-ad>

預留位置

amp-ad 可選擇性支援具有 placeholder 屬性的子元素。如果廣告聯播網支援，則會顯示此元素，直到廣告可供檢視為止。

此處為預留位置！！！

<amp-ad width="300" height="200" type="doubleclick" data-slot="/4119129/doesnt-exist">
  <div placeholder>
    <b>Placeholder here!!!</b>
  </div>
</amp-ad>

後備

amp-ad 支援具有 fallback 屬性的子元素。如果廣告聯播網支援，則在此廣告版位沒有廣告可用時，會顯示此元素。

感謝您試用 AMP！

您真幸運！我們沒有廣告可以向您顯示！

<amp-ad width="300" height="200" type="doubleclick" data-slot="/4119129/doesnt-exist">
  <div fallback>
    <p>Thank you for trying AMP!</p>
    <p>You got lucky! We have no ad to show to you!</p>
  </div>
</amp-ad>

需要進一步說明嗎？

如果此頁面上的說明未涵蓋您的所有問題，請隨時與其他 AMP 使用者聯絡，討論您的確切使用案例。

前往 Stack Overflow

有未說明的特性嗎？

AMP 專案非常鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，但我們也歡迎您針對您特別關注的問題做出一次性貢獻。

在 GitHub 上編輯範例

作者： @sebastianbenz