AMP

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.

Benötigst du noch Hilfe?

Du hast dieses Dokument mehrmals gelesen, hast aber immer noch Fragen? Vielleicht hatten andere Nutzer das gleiche Problem: Schau doch bei Stack Overflow vorbei und lass dir von ihnen helfen.

Zu Stack Overflow wechseln
Möchtest du einen Bug oder ein fehlendes Feature melden?

Das AMP Projekt ist auf deine Teilnahme und deine Beiträge angewiesen! Wir hoffen natürlich, dass du dich aktiv an unserer Open Source Community beteiligen wirst. Aber wir freuen uns auch über einmalige Beiträge zu den Themen, die dich besonders interessieren.

Zu GitHub wechseln