インスタグラムの投稿内容を自分のブログやHPなどに埋め込みで表示する方法を紹介します。
埋め込みタグを取得して、自サイト内で張り付けるだけなので、非常にシンプルに設置する事が可うこ能です。
インスタへのリンクとは違い、自サイト内で表示する事で、よりリッチに自サイトを彩る事ができますよ！
インスタで投稿を別サイトに埋め込みで表示する方法
インスタの投稿を別サイトに埋め込むには、埋め込み用のタグを取得する必要がありますが、こちらはアプリ版のインスタでは取得出来ない仕様になっています。
埋め込み用のタグはPC版のインスタから取得する事が出来るので、この点注意しておきましょう。
※埋め込みタグをスマホで取得する必要がある機会はそうそうない無いですので大丈夫だとは思います。
↑木村文乃さんのインスタ投稿の埋め込みタグを取得して見ます。
PC版のインスタから、埋め込みたい投稿の投稿ページに行き、右下の「・・・」マークをタップします。
メニューが表示されるので「埋め込み」を選択。
赤枠で囲んでいるのが埋め込みタグです。
これをコピーして、設置したいサイトに貼り付ければ埋め込みが完了です！
緑枠のボタンを使用すればワンタッチでコピー出来るので便利ですよ。
取得できる埋め込みタグがこちら。
意外と文字数が多いので、連続して複数の埋め込みを行う場合はショートコードを利用したりすると、ソースをすっきりさせることができます。
実際に埋め込むと以下のようになります。
以上のとおり、インスタの埋め込みコードを取得して別サイトで表示するのは非常に簡単です。
自サイトを豪華にする手段の一つとして活用してみましょう。