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>

預留位置與 Fallback (後備)

標有 placeholder 屬性的元素會在內容載入或初始化期間顯示。AMP 元件的內容顯示後，預留位置就會隱藏。如果瀏覽器不支援 amp-beopinion，或者內容不存在或已刪除，則會顯示標有 fallback 屬性的元素。

請造訪預留位置與 Fallback (後備)指南，進一步瞭解預留位置和 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 規則。