amp-reddit
Redditのコメントや投稿を表示します。
プラグインの読み込み
amp-redditを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-reddit" src="https://cdn.ampproject.org/v0/amp-reddit-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかを。まず簡単なものを。
Redditの投稿
<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>
Redditのコメント
<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>
各種プロパティについて
data-embedtype必須 |
表示形式の指定をします。 post comment が指定できます。 |
---|---|
data-src必須 | 投稿またはコメントのURLを指定します。 |
data-uuid |
表示形式をcommnetにしている場合に有効です。 コメントに埋め込まれたUUIDを指定します。 |
data-embedcreated |
表示形式をcommnetにしている場合に有効です。 コメント埋め込みのdatetime文字列 |
data-embedparent |
表示形式をcommnetにしている場合に有効です。 親コメントを埋め込みに含めるかどうかを示します。 |
data-embedlive |
表示形式をcommnetにしている場合に有効です。 元のコメントが更新された場合に埋め込みコメントが更新されるかどうかを示します。 |