はじめに

Instagram の画像だけ表示する(埋め込む)方法。

Instagram の投稿を普通に埋め込むと以下のように表示されるが、これの画像だけ表示したいという話。


JavaScript, HTML が分かる人向け。あと、Post ID(https://www.instagram.com/p/CCCxoXvBX0_/CCCxoXvBX0_ 部分)が予め分かっている、という前提条件あり。

通常の Instagram の投稿埋め込みについては Instagram の埋め込みコードに関する調査メモ を参照

TL;DR

  • oEmbed API を使う
    • GET https://api.instagram.com/oembed/?url=https://instagram.com/p/xxxx
    • レスポンスの thumbnail_url を使えば OK
  • Vue での実装例あり
続きを読む

Instagram の埋め込みコードに関する調査メモ



カテゴリー HTML
タグ
HTML Instagram

はじめに

Instagram の埋め込みコードについて調べたので簡単に整理した。

TL;DR

  • 埋め込みコード取得は、Instagram 投稿の右上「」から「埋め込み」を選択
  • 画像だけにしたい場合は「キャプションを追加」のチェックを外す
  • 読み込み完了までの代替表示が不要な場合は blockquotescript だけでも OK
続きを読む
  • page 1 of 1

r17n


Softwear Engineer


Fukuoka