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