1. マニュアル
  2. 外部サービス連携
  3. 外部サービスとの連携
  4. Instagramの写真をホームページに表示する(ウィジェット/個別投稿)
  5. 方法2:Instagramの個別投稿を埋め込む(1件の投稿を表示)

方法2:Instagramの個別投稿を埋め込む(1件の投稿を表示)

特定のInstagram(インスタグラム)投稿を1件だけ、リウムスマイル!のホームページに表示する方法をご案内します。

Instagramの公式機能を使って埋め込みコードを取得し、任意のページに貼り付けて表示します。

操作手順

Instagramの埋め込みコードを取得する

  1. パソコンでInstagramにアクセスし、埋め込みたい投稿を表示する

  1. 投稿右上にある「…(三点リーダー)」をクリックする

  2. 表示されたメニューから「埋め込み」を選択する



  1. 「キャプションを含める」かどうかを選ぶ(任意)
  2. [埋め込みコードをコピー]をクリックして、表示されたコードを「コピー」する
スマートフォン版Instagramアプリでは「埋め込み」機能が表示されません。必ずPCブラウザでInstagramを開いてください。

ホームページにInstagramの投稿を表示する
  1. リウムスマイル!管理画面の上部オレンジ色タブ[ホームページ]-[ホームページパーツ一覧]の順にクリック
  2. ホームページパーツ一覧画面で、Instagramを埋め込みたいパーツをクリック

  1. 本文欄の上部ツールバーにある[埋め込みコードを挿入]をクリック
  2. 先ほどコピーしておいたInstagramの埋め込みコードを貼り付ける
  3. [埋め込みコードの挿入]ボタンをクリック
  4. 編集画面の左下[保存]をクリック

以上で、Instagramの画像がページに埋め込まれますので、プレビュー画面で確認します。


こんな使い方もおすすめ!

  • 講座やセミナーに参加した報告をブログに載せる
    参加した講座の様子をInstagramで投稿した写真とコメントを、そのままブログの記事内に差し込むことで、より臨場感のあるレポートが作れます。

  • イベントの雰囲気や様子をリアルタイムで紹介
    イベント当日の投稿をブログに埋め込んで、写真や動画を使ったわかりやすい紹介が可能です。

  • 新商品の紹介や使い方を具体的に見せる
    Instagramにアップした商品の写真をブログに貼ることで、見た目の魅力をアップさせることができます。