Academy For Developers

How to Embed Playbuzz Items in Google AMP

DescriptionDisplays any Playbuzz item content (e.g., list, poll, etc.)
Can be any item URL taken from Playbuzz.com
AvailabilityStable
Required Script<script async custom-element=”amp-playbuzz” src=”https://cdn.ampproject.org/v0/amp-playbuzz-0.1.js”></script>
Supported Layouts
fixed-height, responsive

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)

* in case both are present data-item will be 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 extended to AMP components.

Validation

See amp-playbuzz rules in the AMP validator specification.