示例：横幅广告 - amp.dev

横幅广告
- 简介设置基本用法

简介

本示例演示如何实现简单的横幅AMPHTML 广告。一般来说，AMPHTML 广告应该是一个有效的 AMP 文档。

此代码表示应作为通过amp-ad组件或其他任何我们想在其他上下文中返回 AMPHTML 广告时启动的响应而返回的主体。

此示例包含一个图像和一个渲染跟踪像素，它们分别使用 amp-img 和 amp-pixel 组件实现。

设置

作为任何其他 AMP 文档的一部分，我们导入规范的样板文件以使其成为有效的 AMP 文档。

<meta name="viewport" content="width=device-width">

基本用法

横幅广告的结构是一个带有指向广告商页面的超链接的图像。我们使用amp-img来显示创意图片。

<a target="_blank"
   href="https://amp.org.cn/documentation/examples/style-layout/banner_ad/index.html">
  <amp-img src="https://amp.org.cn/static/samples/img/amp-300x250.jpg"
            width="300"
            height="250"
            layout="responsive"
            alt="a4a image"></amp-img>
</a>

我们包含一个跟踪像素来记录广告使用amp-pixel进行渲染。

或者，可以使用amp-analytics来实现更全面的衡量活动。

<amp-pixel src="https://foo.com/pixel?RANDOM"></amp-pixel>

需要进一步解释？

如果此页面上的解释未能解答您的所有问题，请随时与其他 AMP 用户联系，讨论您的具体用例。

转到 Stack Overflow

未解释的功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的持续参与者，但我们也欢迎您对您特别关注的问题做出一次性贡献。

在 GitHub 上编辑示例

作者： @sebastianbenz