投稿を埋め込む

公開の投稿を、ブログやサイトにカードで表示する手順。

公開の投稿を、ブログやサイトにカードで表示できます。カードには、投稿した人、写真か動画のサムネイル、キャプション、いいねの数、「CrowOn で見る」が入ります。

コードを手に入れる

アプリで投稿の「…」メニューを開き、「埋め込み」を選びます。コードがコピーされます。
メニューに「埋め込み」が出るのは、全員に公開の投稿だけです。

コード

このコードを、表示したい場所の HTML に貼ります。embed.js が blockquote をカードに置きかえ、高さを中身に合わせます。

HTML

<blockquote class="crowon-embed" data-post="{投稿ID}" style="max-width:540px;margin:0 auto">  <a href="https://crowon.app/s/p/{投稿ID}">この投稿を CrowOn で見る</a></blockquote><script async src="https://crowon.app/embed.js"></script>

スクリプトを使えない場所では、カードを直接読み込めます。

HTML

<iframe src="https://crowon.app/embed/{投稿ID}" width="540" height="640"  style="border:0;max-width:100%" loading="lazy" title="CrowOn"></iframe>

設定

項目	値	説明
`data-theme`	`light` · `dark`	`blockquote` につけると、カードの色を固定します。ないときは、見る人の端末の設定に合わせます
`?theme=`	`light` · `dark`	`iframe` で使うときの同じ設定です
幅	最大 540px	置いた場所の幅に合わせて縮みます

表示されないとき

投稿が全員に公開でなくなったとき、削除されたとき、運営が非表示にしたときは「この投稿は表示できません」になります。
投稿した人が設定 › プライバシー・公開範囲の「ほかのサイトへの埋め込みを許可」をオフにすると、すでに埋め込まれたカードも表示されなくなります。
いいねの数を隠している人の投稿では、数は出ません。
カードは1分間キャッシュされるので、変更は1分ほどで反映されます。

アドレスとレスポンスの詳細は API リファレンス