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 content"。

样式

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

验证

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