Instagram : 投稿の埋め込み方法

設定方法

1.ソースコードを取得
Instagramの埋め込みのソースコードはアプリからではなく、スマートフォンの場合はWEBブラウザから取得してください。

表示させたいInstagramの投稿の右上にある「・・・」をクリック。___________-_2023-05-29T112012.170.png
 メニューが表示されるので、「埋め込み」を選択。
___________-_2023-05-29T112201.280.png
コードが生成されるので、「埋め込みコードをコピー」をクリック。
コードがコピーされます。
___________-_2023-05-29T112304.172.png

2.ブロックを埋め込む
SNSプラグインブロックの埋め込み方」を参考に、用途に合ったレイアウトのブロックをページに埋め込む。
SNS_______.png

3.メニューを選択
ダミー画像上の「編集」をクリック。SNSプラグイン設定画面が表示されます。
___________-_2023-05-26T140356.117.png
メニューから、Instagramを選択。
1.__24_.png

4.ソースコードを貼り付け
取得したソースコードをテキストエリアに貼り付ける。
Instagramのソースコード入力に関する細かい画面説明は下記をご確認ください。
Instagramのソースコード入力の設定画面
1.__23_.png

5.プレビューで確認
「プレビュー」をクリックし、実際の見え方を確認する。 ___________-_2023-05-29T112630.833.png

6.「保存」をクリック
内容に問題がなければ「保存」をクリック。
 ___________-_2023-05-29T112636.180.png
これでInstagramの投稿の埋め込みは完了です。