自社の Instagram の投稿を、 自社サイトに埋め込んで表示するサービスです。 Instagram に投稿するだけで、 サイトの表示も自動で新しくなります。
動画で見る
1. 画面の構成
| メニュー | できること |
|---|---|
| Instagramウィジェット | Instagram の連携、 ウィジェットの作成・設定・タグの発行 |
| プラン | 今月の表示数・プランの変更・お支払い |
| アカウント | ログインのメールアドレスとパスワードの変更、 言語（日本語 / English）、 解約 |
使い方の流れは、 Instagram を連携する → 表示を設定して保存する → タグをサイトに貼る の 3 ステップです。
2. Instagram を連携する
「＋ Instagramアカウントを連携」を押し、 Instagram にログインして許可します。 連携すると、 ウィジェットが 1 つ自動でできます。
連携できるのは Instagram のプロアカウント（ビジネス / クリエイター）です。 個人アカウントの場合は、 Instagram アプリの設定から無料で切り替えられます。
※ 同じアカウントをもう一度連携すると、 新しく増えるのではなく、 今の連携が新しくなります。
3. 表示を設定する
ウィジェットの「設定・プレビュー」を開きます。 右側のプレビュー（実寸）を見ながら設定し、 「設定を保存」を押します。
| 項目 | 内容 |
|---|---|
| レイアウト | グリッド（行と列で並べる） / スライダー（1 列で左右にスライド） |
| 表示件数 / 列数 | 表示件数はプランの上限まで。 列数は 1〜8。 行数は「表示件数 ÷ 列数」で決まります |
| 画像間の余白 / 文字サイズ / ウィジェット幅 | 幅を 0 にすると、 貼った場所の幅いっぱいに広がります |
| カルーセル投稿（複数枚投稿） | 先頭画像のみ / 拡大時に全枚数を送る |
| クリック動作 | 拡大表示 / Instagramを開く / 何もしない。 拡大表示では、 キャプションといいね数を出すかも選べます |
| ホバー時アイコン / 文字色 | 文字色は背景に合わせて「濃い色」か「明るい色」 |
| 動画投稿も表示する | 動画（リール）を出すかどうか |
| アカウント情報を表示 | 上にアイコン・アカウント名・投稿数とフォローボタンを出します。 ボタンの文言と色も変えられます |
スマートフォンなど幅が狭い画面では、 列数が自動で減ります。
スタンダードプランでできること
- 並び順：投稿をドラッグして自由に並べる、 「トップに固定」する、 新しく投稿したものをどこに入れるか選ぶ
- カスタム CSS：そのウィジェットの中だけに効く CSS を書けます（使えるクラス名は画面に一覧があります）
※ ハッシュタグの投稿を表示する機能は準備中です。
クレジット表記
フリープランでは、 ウィジェットの下に「Powered by Social Feed」が表示されます。 有料プラン（ライト・スタンダード）では、 表示するかどうかを選べます（最初は非表示）。
4. 表示する投稿を絞り込む
| 項目 | 内容 |
|---|---|
| リールの扱い | すべて / リールを除く / リールのみ（動画を表示するときだけ） |
| 複数枚投稿（カルーセル）も表示する | 外すと 1 枚だけの投稿に絞ります |
| 期間 | 制限なし / 30日以内 / 90日以内 / 1年以内 |
| キャプションのキーワード | カンマ区切りで入れ、 「含む投稿だけ」か「含む投稿を除く」を選びます |
5. サイトにタグを貼る
設定画面の「WEBサイトにタグを設置」に出るタグを「コピー」し、 投稿を表示したい場所に貼ります。 タグは 1 行です。
<script type="text/javascript" src="…/api/v1/instagram/widget/（ウィジェットごとの番号）"></script>
- WordPress：ブロックエディタの「カスタムHTML」ブロック（またはウィジェット）に貼ります。 プラグインは不要です
- そのほかのサイト：HTML を編集できる場所に貼ります
設定画面の「公開 / 非公開」が非公開だと、 タグを貼っても何も表示されません。
※ フリープランでは、 サイトへの投稿の反映は 1 日 1 回です（設置した直後と、 設定を変えた直後はすぐ表示されます）。 有料プランはすぐ反映されます。
6. ウィジェットの管理
1 つの Instagram アカウントから、 ウィジェットをいくつも作れます（プランの上限まで）。 アカウントごとの「＋ ウィジェットを追加」で増やします。
| 表示・操作 | 内容 |
|---|---|
| 表示回数(30日) | 直近 30 日の表示回数とグラフ |
| サイトに表示 | 今サイトに出ている件数。 プランの上限で出せない投稿があると「残り N 件は非表示」と出ます |
| トークン有効期限 | Instagram との連携の期限。 自動で延長されます |
| 複製 / 削除 | ウィジェットを削除しても、 Instagram の連携は残ります |
| このアカウントの連携を解除 | そのアカウントのウィジェットと埋め込みコードがすべて消えます |
7. 連携が切れたとき
Instagram のパスワードを変えた場合などに、 連携が切れることがあります。 切れると画面の上に赤い表示が出て、 メールでもお知らせします。 つなぎ直すまで、 サイトのウィジェットに投稿が表示されません。
「Instagram アカウントをつなぎ直す」を押して、 同じアカウントでログインしてください。 解除せずにつなぎ直せば、 ウィジェットと埋め込みコードはそのまま使えます。
8. プランと上限
| プラン | 月額（税込） | ウィジェット | 1 つに出せる投稿 | 表示回数 / 月 |
|---|---|---|---|---|
| フリー | 0円 | 1 つ | 16 件 | 1,000 回 |
| ライト | 1,200円 | 3 つ | 30 件 | 30,000 回 |
| スタンダード | 12,000円 | 無制限 | 50 件 | 無制限 |
- 年払いは 2 か月分お得です（月額 × 10）
- 表示回数はすべてのウィジェットの合計で、 毎月 1 日に数え直します。 上限の 80% と 100% でメールでお知らせします
- 上限を超えても、 その月は表示を続けます。 2 か月続けて超えると、 その翌月 1 日から表示が止まります。 プランを変えるとすぐに表示が戻ります
- ライトは、 初めてのお申し込みなら 14 日間無料でお試しいただけます（カードの登録が必要です）
プランの変更・カード・請求書は、 「プラン」画面の「ご契約の管理（プランの変更・カード・請求書）」から行います。 有料プランをやめるときは「フリープランに戻す」を押します（お支払い済みの期間の終わりまでは今のプランのままです）。