amp-beopinion

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

用法

amp-beopinion 组件允许您在 AMP 页面中嵌入 BeOpinion 内容，以用于给定的 BeOpinion 帐户。BeOpinion 是一种供内容创建者向其页面添加交互式模块（例如投票和测验）的工具。BeOpinion 主要与欧洲主要媒体集团的记者合作。

集成示例

作为第三方

<amp-beopinion
  width="375"
  height="472"
  layout="responsive"
  data-account="589446dd42ee0d6fdd9c3dfd"
  data-content="5a703a2f46e0fb00016d51b3"
  data-name="content-slot"
>
</amp-beopinion>

作为广告提供商

<amp-ad
  width="300"
  height="220"
  type="beopinion"
  layout="responsive"
  data-account="589446dd42ee0d6fdd9c3dfd"
  data-name="slot_0"
  data-my-content="0"
>
</amp-ad>

占位符和后备

带有 placeholder 属性的元素在内容加载或初始化时显示。一旦 AMP 组件的内容显示，占位符就会被隐藏。如果浏览器不支持 amp-beopinion，或者内容不存在或已被删除，则显示带有 fallback 属性的元素。

请访问占位符和后备指南，以了解更多关于 amp-beopinion 组件的占位符和后备如何交互的信息。

属性

data-account

BeOpinion 帐户（页面所有者）的 ID。

data-content（可选）

要在页面上显示的 BeOpinion 内容的 ID。

data-name（可选）

页面上 BeOpinion 插槽的名称。

data-my-content（可选）

对于 beopinion 类型的 amp-ad 元素，该值可以设置为 "0"（默认值）。

title（可选）

为组件定义一个 title 属性，以传播到基础 <iframe> 元素。默认值为 "BeOpinion content"。

样式

BeOpinion 目前没有提供 API 来为嵌入式内容产生固定的宽高比。目前，AMP 会自动按比例缩放内容以适应提供的尺寸，但这可能会产生不太理想的外观。您可能需要手动调整提供的宽度和高度。此外，您可以使用 media 属性根据屏幕宽度选择宽高比。

验证

请参阅 AMP 验证器规范中的amp-beopinion 规则。