Do you build things with AMP? Fill out the AMP Developer Survey!
AMP
  • websites

amp-reddit

Introduction

The amp-reddit component allows embedding both reddit posts and comments into AMP files.

Setup

Import the amp-reddit component

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

Post embed

Embeds a singe 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&ref_source=embed">
</amp-reddit>

Comment embed

Embeds a single comment.

<amp-reddit layout="responsive"
  width="400"
  height="400"
  data-embedtype="comment"
  data-src="https://www.reddit.com/r/me_irl/comments/52rmir/me_irl/d7n3soo/">
</amp-reddit>

Parent comment

Embeds the parent comment by specifying data-embedparent="true".

<amp-reddit layout="responsive"
  width="400"
  height="400"
  data-embedtype="comment"
  data-src="https://www.reddit.com/r/me_irl/comments/52rmir/me_irl/d7n3soo/"
  data-embedparent="true">
</amp-reddit>

Auto update comments

Updates comments when the original comment is updated by specifying data-embedlive="true"

<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-embedlive="true">
</amp-reddit>
Precisa de explicações mais detalhadas?

Se as explicações nesta página não respondem a todas as suas perguntas, entre em contato com outros usuários de AMP para discutir seu caso de uso específico.

Ir para o Stack Overflow
Falta explicar algum recurso?

O projeto AMP incentiva fortemente sua participação e contribuições! Esperamos que você se torne um participante assíduo de nossa comunidade de código aberto, mas também agradecemos contribuições pontuais para problemas que você tenha particular interesse.

Editar amostra no GitHub