AMP

Important: this documentation is not applicable to your currently selected format email!

amp-playbuzz

Description

Displays any Playbuzz item content (e.g., list, poll, etc.).

 

Required Scripts

<script async custom-element="amp-playbuzz" src="https://cdn.ampproject.org/v0/amp-playbuzz-0.1.js"></script>

Supported Layouts

Can be any item URL taken from playbuzz.com.

Examples

Playbuzz Item by plain url (without info, share-buttons, comments)

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
>
</amp-playbuzz>

Playbuzz Item by item-id (can be found in the item's embed code)

<amp-playbuzz data-item="a6aa5a14-8888-4618-b2e3-fe6a30d8c51b" height="500">
</amp-playbuzz>

With optional parameters (info, share-buttons, comments):

<amp-playbuzz
  src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
  height="500"
  data-item-info="true"
  data-share-buttons="true"
  data-comments="true"
>
</amp-playbuzz>

Required attributes

One of the following is required:

src The URL for the Playbuzz item. Can be any item URL taken from playbuzz.com
data-item The item id for the Playbuzz item. Can be taken from the item's embed code (at the item's page at playbuzz website)

Note: If both attributes are present, data-item is used.

Optional attributes

data-item-info (optional) Indicates whether to display data info, such as creation date, creator name, etc.
data-share-buttons (optional) Indicates whether to display share buttons.
data-comments (optional) Indicates whether to display users' comments.
common attributes This element includes [common attributes](https://amp.dev/documentation/guides-and-tutorials/learn/common_attributes) extended to AMP components.

Validation

See amp-playbuzz rules in the AMP validator specification.

도움이 더 필요하신가요?

이 문서를 수십 번 읽었음에도 여전히 궁금한 점이 남아 있나요? 다른 개발자들도 같은 심정일지 모릅니다. Stack Overflow에서 소통해 보세요.

Stack Overflow로 이동
버그나 누락된 기능을 발견하셨나요?

AMP 프로젝트는 여러분의 참여와 기여를 적극 환영합니다! 오픈 소스 커뮤니티를 통해 지속적으로 활동해 주셔도 좋지만 관심 있는 주제에 한 번만 기여하셔도 큰 도움이 됩니다.

GitHub로 이동하기