Instagram（インスタグラム）の投稿をブログなどのWebサイトに埋め込む方法

Instagram（インスタグラム）の投稿を、ブログなどのWebサイトに埋め込む方法がありましたのでご紹介します。

こんな感じで埋め込みができる（※クリックすると動画再生、音声が流れます）

もし機会がありましたら、ご参考ください。

Instagram（インスタグラム）の投稿を埋め込む方法

まずは、埋め込みたい投稿を選んでクリックしましょう。今回は例として、少し前に作られたばかりのGoogleのInstagramアカウントで公開されているこちらの投稿を埋め込みます。

投稿画面を開くと、右下部にメニューがありますので「Embed」をクリックします。

すると、下の画像のように埋め込み用のhtmlコードが表示されます。ここで、「Copy Embed Code」ボタンを押せばコピーできると思ったんですが、私が試した時はボタンが効かなかったです・・・（firefox,GoogleChromeで試しましたが、どちらもだめでした）ですので、コードをすべて選択してコピーします。

以上で準備完了です。

コードを貼り付ける

例えばこのブログに今ほどコピーしたコードを貼り付けました。下のような感じで、うまく埋め込まれていますね。クリックしたら動画が再生されます。

ルービックキューブおもしろいな～。

まとめ

Instagramはずいぶん前からごくごく一部で話題になっているのを知ってはいたんですが、僕は「へぇ～、Instagramの投稿って埋め込みもできるんだな！」っていうことを知って、少しずつ興味を持ち始めてきた～。APIも使えるし、何か作れないかな、と考え中でした。日記。