WordPress.org で入手する

 WordPress プラグイン 

gripspace Social Feed
Instagram の投稿を
グリッド/スライダーで表示。
開発者アカウントは不要です。

 

WordPress プラグイン

Instagram の投稿を
サイトにそのまま
 

このプラグインでできること

Instagram のプロアカウントを接続して、投稿をグリッドまたはスライダーで表示。
列数・表示件数・余白・クリック時の動作まで、プレビューを見ながら設定できます。

gripspace Social Feed の特徴

開発者アカウントなしで、数クリックで連携

Meta の開発者アカウントもアプリの作成も不要です。「Instagram と連携」を押してサインインすれば完了します。審査済みの Meta アプリは grip space が保有しており、サインインの受け渡しのみを仲介します。アクセストークンはお使いのサイト内に保存され、以後の投稿の読み込みは Instagram と直接やり取りします。読み取るのはご自身のプロフィールとメディアだけです。

グリッドとスライダー、2つの表示形式

同じ投稿でも、置く場所によって見せ方は変わります。用途に合わせて2つの形式から選べます。

グリッド ― 一覧で見せる

投稿をタイル状に並べる表示です。列数と画像どうしの余白、表示する件数を指定できます。ページの下部に置いて、サイトの雰囲気を伝える使い方に向いています。

スライダー ― 横に流して見せる

投稿を横並びにして、スクロールで見せる表示です。縦の場所を取らないため、トップページの途中や、商品ページの下などに差し込みやすい形式です。

表示は細かく調整できます

実寸のプレビューを見ながら設定できます。プレビューはフロント側と同じコードで描いているため、公開後の見え方をそのまま確認できます。

設定できる項目

設定項目内容
レイアウトグリッドと横スライダーを切り替えられます
列数・余白並べる列の数と、画像どうしの間隔を指定できます
表示件数いくつの投稿を表示するかを指定できます
アカウント情報アカウントのヘッダーとフォローボタンを表示するかどうかを選べます

クリックしたときの動作

投稿をクリックしたときにどう動くかを選べます。

  • ●ライトボックスで拡大表示 (キャプション・いいね数・コメント数も表示します)
  • ●Instagram の投稿ページを開く
  • ●ホバーしたときの見せ方も指定できます

grip space をお使いの場合

本プラグインは単体で動作し、grip space のアカウントは不要です。すでに grip space をお使いの場合にかぎり、連携キーでこのサイトをつなぐと次のことができます。

☑️ grip space で作成したウィジェットを再利用できます

grip space 側で作成済みの Instagram ウィジェットを、このサイトでもそのまま呼び出せます。

☑️ grip space で作成したウィジェットを再利用できます

grip space 側で作成済みの Instagram ウィジェットを、このサイトでもそのまま呼び出せます。

☑️ 表示回数を確認できます

それぞれのウィジェットが何回表示されたかを確認できます。あわせて grip space の訪問者計測もご利用いただけます。

☑️ 表示回数を確認できます

それぞれのウィジェットが何回表示されたかを確認できます。あわせて grip space の訪問者計測もご利用いただけます。

grip space 連携は任意です

連携しなくても、すべての表示機能が使えます

Instagram との連携だけでウィジェットの作成・表示は完結します。grip space との接続は、grip space で作成したウィジェットの再利用と表示回数の確認を行う場合にのみ必要です。連携しない場合、訪問者のデータが grip space へ送信されることはありません。

今すぐ使ってみる

WordPress.org の公式ディレクトリから、管理画面の「プラグイン → 新規追加」で検索してインストールできます。
有効化したら「Social Feed → 設定」で「Instagram と連携」を押し、プロアカウント (ビジネスまたはクリエイター) でサインインしてください。

Instagram のプロアカウント (ビジネス/クリエイター) が必要です。個人アカウントの場合は、Instagram アプリの設定から無料で切り替えられます。

gripspace Social Feed について

gripspace Social Feed は、Instagram ビジネスアカウントの投稿を、グリッドまたは横スライダーで WordPress サイトに表示するプラグインです。列数・画像間の余白・表示件数・ホバー時とクリック時の動作・アカウントヘッダーとフォローボタンの表示有無を指定できます。プラグイン単体で動作し、grip space のアカウントは必要ありません。

◆ こんな課題に
  • ―Instagram の投稿をサイトに載せたいが、埋め込みの仕組みを作る手間をかけたくない。
  • ―開発者アカウントやアプリの作成といった準備でつまずいてしまう。
  • ―サイトのデザインに合わせて、列数や余白を細かく調整したい。

主な機能

  • ―グリッドと横スライダーの2つのレイアウト。列数・画像間の余白・表示件数・ホバー/クリック時の動作・アカウントヘッダー・フォローボタンを設定できます。
  • ―キャプション・いいね数・コメント数を表示するライトボックス。
  • ―ワンクリックの Instagram サインイン。Meta の開発者アカウントもアプリの作成も不要で、読み取るのはご自身のプロフィールとメディアだけです。
  • ―ウィジェット編集画面での実寸プレビュー。フロント側と同じコードで描画します。
  • ―複数の Instagram アカウントに対応し、1アカウントにつき複数のウィジェットを作成できます。
  • ―長期トークンは1日1回の定期処理で自動更新します。
  • ―任意の grip space 連携。grip space で作成したウィジェットの再利用と、表示回数の確認ができます。
  • ―アンインストールしてもウィジェットと設定は残ります。削除されるのは一時キャッシュだけです。
◆ 外部サービス

本プラグインは以下の外部サービスを利用します。サイト運営者は、訪問者の個人データの取り扱いについて、ご自身のプライバシーポリシーで適切に説明してください。

◆ Instagram (Meta Platforms, Inc.)

ご自身のプロフィールとメディアを読み取り、サイトに表示するために利用します。ウィジェットの描画時に、このサイトからアクセストークンを graph.instagram.com へ送信し、画像 URL・パーマリンク・キャプション・いいね数/コメント数を受け取ります。訪問者のデータは送信しません。リクエストはブラウザーではなくサーバーから行います。サインイン自体は www.instagram.com で行い、トークンの交換は grip space が実行します。

◆ grip space (ibis studio K.K.)

2つの用途で利用します。1つは Instagram のサインインの完了です。このサイトが自身の管理画面 URL を n246.grip.space へ送り、grip space が認可コードをアクセストークンに交換して、このサイトへ返します。grip space はトークンを保持せず、この処理にアカウントは不要です。もう1つは、連携を選んだ場合にのみ行う、grip space で作成したウィジェットの再利用と訪問の計測です。

◆ 商標について

Instagram および Meta は Meta Platforms, Inc. の商標です。本プラグインは Meta Platforms, Inc. と提携・承認・後援の関係にはありません。接続先を説明する目的でのみ名称を使用しています。「grip space」は本プラグインの作者である ibis studio K.K. の製品です。


動作環境

  • WordPress 5.8 以上
  • PHP 7.4 以上
  • WordPress 7.1 で動作を確認済み
  • Instagram のプロアカウント (ビジネスまたはクリエイター)
  • インターネットから到達できるサイト (連携前に grip space が戻り先サイトを確認するため、ローカル環境は連携できません)

導入の流れ

  1. プラグインをインストールして有効化します。
  2. 「Social Feed → 設定」を開き、「Instagram と連携」を押します。
  3. Instagram のプロアカウントでサインインし、許可します。
  4. 「Social Feed → ウィジェット」でウィジェットを作成します。
  5. 発行されたショートコード [grip_social_feed id="1"] を、表示したいページに貼り付けます。

外部サービスへの接続について

本プラグインは Instagram と、サインインの仲介のために grip space に接続します。grip space との連携 (ウィジェットの再利用・計測) は任意で、設定画面で選択できます。連携しない場合、訪問者のデータが grip space へ送信されることはありません。

よくあるご質問

Q.grip space のアカウントは必要ですか ?
A.いいえ。Instagram との連携はアカウントなしで行えます。grip space の連携は任意で、grip space で作成したウィジェットの再利用と訪問者の計測が追加されるだけです。
Q.Meta の開発者アカウントやアプリの作成は必要ですか ?
A.いいえ。審査済みの Meta アプリは grip space が保有しており、サインインの完了のためだけに使用します。
Q.サイトはインターネットから見える必要がありますか ?
A.はい。サインインを始める前に、戻り先のサイトが本当にこのサイトかどうかを grip space が確認します。ローカル環境などインターネットから到達できないサイトは連携できません。
Q.トークンの有効期限が切れたらどうなりますか ?
A.長期トークンは、有効期限の10日前から1日1回の定期処理で自動的に更新されます。
Q.プラグインを削除するとウィジェットは消えますか ?
A.いいえ。アンインストール時に削除されるのは一時キャッシュだけです。ウィジェットの定義と連携設定は保持されるため、再インストールしてもデータは失われません。

リリースノート

1.0.0

  • ―初回リリース。
  • ―グリッドと横スライダーのレイアウト。列数・画像間の余白・表示件数・ホバー/クリック時の動作・アカウントヘッダー・フォローボタンを設定できます。
  • ―キャプション・いいね数・コメント数を表示するライトボックス。
  • ―ワンクリックの Instagram サインイン。Meta の開発者アカウントもアプリの設定も不要です。
  • ―ウィジェット編集画面での実寸プレビュー。
  • ―複数の Instagram アカウントと、1アカウントにつき複数のウィジェット。
  • ―長期トークンの自動更新 (1日1回の定期処理)。
  • ―任意の grip space 連携 (ウィジェットの再利用と表示回数の確認)。
  • ―アンインストールしてもウィジェットと設定は保持されます。

マーケティング活動を、
ひとつに統合するプラットフォーム

分散していたマーケティング施策を、横断的に管理・最適化。
戦略設計からCV改善まで、一気通貫で運用できます。
ご質問・ご不明点は、お気軽にご相談ください。

直近2週間の受付状況制作のリソース

10/5(月)〜10/9(金)残りわずか
10/12(月)〜10/16(金)余裕があります
Chatworkで相談する