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 規則。