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.

¿Necesita ayuda adicional?

¿Ha leído este documento una docena de veces pero realmente no responde todas sus preguntas? Quizás otras personas piensen lo mismo: póngase en contacto con ellas en Stack Overflow.

Ir a Stack Overflow
¿Encontró un error o considera que falta una función?

¡El proyecto AMP alienta profundamente su participación y contribuciones! Esperamos que se convierta en un miembro permanente de nuestra comunidad de código abierto, pero también agradecemos las contribuciones esporádicas sobre los temas que le apasionan especialmente.

Ir a GitHub