Do you build things with AMP? Fill out the new 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>
Требуются дальнейшие объяснения?

Если на этой странице нет ответов на все ваши вопросы, обратитесь к другим пользователям AMP и обсудите свой конкретный сценарий использования.

Перейти на Stack Overflow
Не нашли пояснения к функции?

Проект AMP активно поощряет ваше участие и сотрудничество! Мы надеемся, что вы станете постоянным участником нашего открытого сообщества, но разовые вклады в работу над задачами, которые вам особенно интересны, также приветствуются.

Редактировать пример на GitHub