この記事では、「SNSプラグインブロック」においてのInstagramの投稿を埋め込む方法を解説します。
Instagramのソーシャルプラグインってどういうことができるの？という方は、まずは下記のヘルプをご確認ください。
Instagramのソーシャルプラグインの概要
手順
1.ソースコードを取得
※Instagramの埋め込みのソースコードはアプリからではなく、スマートフォンの場合はWEBブラウザから取得してください。
表示させたいInstagramの投稿の右上にある「･･･」をクリック。
メニューが表示されるので、「埋め込み」を選択。
コードが生成されるので、「埋め込みコードをコピー」をクリック。
コードがコピーされます。
2.ブロックを埋め込む
「SNSプラグインブロックの埋め込み方」を参考に、用途に合ったレイアウトのブロックをページに埋め込む。
3.メニューを選択
ダミー画像上の「編集」をクリック。SNSプラグイン設定画面が表示されます。
メニューから、Instagramを選択。
4.ソースコードを貼り付け
取得したソースコードをテキストエリアに貼り付ける。
Instagramのソースコード入力に関する細かい画面説明は下記をご確認ください。
Instagramのソースコード入力の設定画面
5.プレビューで確認
「プレビュー」をクリックし、実際の見え方を確認する。
6.「保存」をクリック
内容に問題がなければ「保存」をクリック。
これでInstagramの投稿の埋め込みは完了です。