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 插槽的名称。

title（可选）

为组件定义一个 title 属性，以传播到底层的 <iframe> 元素。默认值为 "BeOpinion 内容"。

样式

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

验证

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