AMP

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

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.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub