Contenido

amp-reddit

Description

Displays a Reddit comment or post embed.

Required Scripts

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

Supported Layouts

fill fixed fixed-height flex-item nodisplay responsive

Ejemplos

amp-reddit

Examples

Use the amp-reddit component to embed a Reddit post or comment.

Example: Embedding a Reddit post

<amp-reddit
  layout="responsive"
  width="300"
  height="400"
  data-embedtype="post"
  data-src="https://www.reddit.com/r/me_irl/comments/52rmir/me_irl/?ref=share&amp;ref_source=embed"
>
</amp-reddit>

Example: Embedding a Reddit comment

<amp-reddit
  layout="responsive"
  width="400"
  height="400"
  data-embedtype="comment"
  data-src="https://www.reddit.com/r/sports/comments/54loj1/50_cents_awful_1st_pitch_given_a_historical/d8306kw"
  data-uuid="b1246282-bd7b-4778-8c5b-5b08ac0e175e"
  data-embedcreated="2016-09-26T21:26:17.823Z"
  data-embedparent="true"
  data-embedlive="true"
>
</amp-reddit>

Attributes

data-embedtype (required)	The type of embed, either `post` or `comment`.
data-src (required)	The permamlink uri for the post or comment.
data-uuid	The provided UUID for the comment embed. Supported when `data-embedtype` is `comment`.
data-embedcreated	The datetime string for the comment embed. Supported when `data-embedtype` is `comment`.
data-embedparent	The datetime string for the comment embed. Supported when `data-embedtype` is `comment`.
data-embedlive	Indicates whether the embedded comment should update if the original comment is updated. Supported when `data-embedtype` is `comment`.
title	Define a `title` attribute for the component. The default is `Reddit`.
common attributes	This element includes common attributes extended to AMP components.

Validation

See amp-reddit 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