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

data-my-content (選填)

對於 beopinion 類型的 amp-ad 元素，值可以設定為 "0" (預設值)。

title (選填)

為元件定義 title 屬性，以傳播至底層的 <iframe> 元素。預設值為 "BeOpinion content"。

樣式

BeOpinion 目前未提供 API，以產生嵌入內容的固定長寬比。目前，AMP 會自動按比例縮放內容以符合提供的尺寸，但這可能會產生不理想的外觀。您可能需要手動調整提供的寬度和高度。此外，您可以使用 media 屬性根據螢幕寬度選取長寬比。

驗證

請參閱 AMP 驗證器規格中的 amp-beopinion 規則。