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 组件的内容显示，占位符就会隐藏。标记有 fallback 属性的元素在浏览器不支持 amp-beopinion 或者内容不存在或已被删除时显示。

访问 占位符和后备 指南，详细了解占位符和后备如何与 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 规则。