ジンドゥーとインスタグラムを連携してみよう

【2021/9/7 更新】

ジンドゥー（Jimdo）ではさまざまな外部ツールと連携することができます。

今回はインスタグラム（Instagram）の連携について解説します。

写真や動画を、共有できる Instagram（インスタグラム）は、年々ユーザー数を伸ばしている大人気の SNS アプリ。すでに使っている方も多いでしょう。Instagram にアップした写真を、Jimdo と連携して自動表示できることをご存じでしたか？　Instagram フィード（POWr Instagram Feed）というツールを追加するこで、Jimdo 側に Instagram の投稿を表示させることができます。

ジンドゥーではインスタグラムフィートの表示に POWr を紹介しています。

POWrを利用したインスタグラムフィード連携には以下の準備が必要です。

1. 表示させたい インスタグラム プロカウント（登録無料） 
2. [1] が接続されたFacebookページ（登録無料） 
3. POWr アカウント（登録無料） 

2020年インスタグラムの仕様変更により、インスタグラムのフィード埋め込みに利用できるのは「Facebookページと接続されたプロアカウント（ビジネスまたはクリエイター）」のフィードのみになり、個人アカウントのフィード埋め込みは行えなくなりました。個人アカウントをプロアカウントに切り替えることも可能です（プロアカウントでは非公開アカウントにはできません）。

インスタグラムのプロアカウントには「ビジネス」「クリエイター」の2種類があります。一般の事業主の方など向けは「ビジネス」アカウントになります。
インスタグラムのプロアカウントへの切り替えはインスタグラム公式情報でご確認ください。

 [参考] Instagramでビジネスアカウントを設定する

https://help.instagram.com/502981923235522?helpref=page_content

前述のように、インスタグラムの仕様変更後、インスタグラムのフィード埋め込みに利用できるのは「Facebookページと接続されたプロアカウント（ビジネスまたはクリエイター）」のフィードのみのため、インスタグラムプロアカウントをFacebookページに接続させる必要があります。もし該当ビジネスのFacebookページを保有されていない場合は、Facebookページを作成してください。個人のアカウント（友達申請などが行えるアカウント）とは直接接続することはできません。必ず Facebookページ を作成してください。

▼Facebookページ

▼Facebookページとインスタアカウントを接続する

準備がととのったら設定していきましょう。大きく分けて以下4ステップで追加することができます。

1. 準備した Instagramアカウント / Facebookアカウント / POWr の全てに同じブラウザでログインしておく
2. クリエイター編集画面で「Instagramフィード」を選択する
3. 「Instagramフィード」で表示される設定を行う
4. 表示を確認する
   
   

ジンドゥークリエイター、該当サイトの編集画面から、任意のページに移動し、フィードを設置したい場所で、「Instagramフィード」を選択します。
「Instagramフィード」は「その他のコンテンツ&アドオン」に格納されています。

説明が書いた画面が表示されます。

文中に記載の「ここをクリックして表示されるコードをコピー」をクリックします。

ポップアップで表示されるコードの「Copy」をクリックします。

コピーしたコードを貼り付けて「保存」をクリックします

保存後左図のような表示になるので、上部の青い「Edit Instagram Feed」をクリック。

下にポップアップメニューも表示されますが、もう一度「Edit Instagram Feed」をクリック。

「POWr Instagram Feed」の画面が別窓で表示されるので、「フィードを追加」をクリックする

表示されている縦長の画面のまま作業をします。

1. フィードを追加
2. Facebookで続行
3. < 場合によってはここでFacebookログインなどが表示されるので、ログインする >
4. XXXXでログインしますか？と出た場合は、名前を確認してログイン

▼利用したいインスタグラムのアカウントを選ぶ

▼選択したインスタグラムのアカウントを接続させているFacebookページを選ぶ

前項目で選択したインスタアカウントと接続させている「Facebookページ」を選択して次へ。

アクセス内容を確認して「完了」します。

*アクセス許可内容は全て「はい」でないと正常に読み込みができません。

▼設定内容を確認して「完了」をクリックする

B：Instagramのルールに従い、許可は90日後に失効します。 90日が経過すると、アクセスを復元するためのメールが送信されます。と記載されています。
現在、インスタグラムの仕様で、フィードへの接続は90日ごとに失効し復元が必要です。
90日ごとにPOWrから、POWrに登録したメールアドレス宛にアクセスを復元するメールが送信されるので、必ず確認してください。

完了をクリックすると、設定ずみフィードリスト画面になり、「POWr Instagram Feed」の基本設定が完了します。画面下部「次へ」から進むと、デザインに関する設定などの変更行えますが一部は有料プランの契約が必要な項目もあります。

[留意]まだ表示画面には適応されていません。
最後にPOWrへのログインを行います。

▼POWr へのログインを行い、表示画面にフィードを反映させる

• A：画面右上のアイコン部分をクリック
• B：切り替わった画面上部「General.sign_up.sign_in」をクリック
  （この画面は新規登録画面のため、ログイン画面からログインします）
• C：「 General.sign_up.sign_in_for_free 」という文言を確認して、POWrのログイン情報でログインします

• 画面が一瞬切り変わるものの、再びログイン前と同じ画面に戻ります（2021.9現）

• 該当ページの表示を確認し、インスタグラムのフィードが反映されているのを確認してください。
  （ページの再読み込みなどもお試しください）
• 正常に反映されていれば、完了です。

 このように、Instagram の投稿が表示されていれば成功です。

設定後、別のフィードに変更したい場合

▼インスタグラムとの接続を解除する

• 設定済みの編集画面から「Edit Instagram Feed」をクリック
• 別窓で開くPOWr画面で、設定済みフィードをクリック
• 接続の解除を行う

▼利用インスタグラムアカウントと、Facebookページの選択をクリアする

• 「Facegookで続行」をクリック
• 設定を編集
• インスタグラムプロアカウントの選択を解除
• Facebookページを解除
• POWrからのアクセスが「いいえ」の状態を確認

• POWrからのアクセスが「いいえ」の状態で完了
  POWrがFacebookにリンクされました、と出るがそのままOK

▼再度設定を行う

• 「Facegookで続行」をクリック
• Facebookログインを選択して進む
• 利用したいインスタグラムのアカウントを選びなおす
  「▼利用したいインスタグラムのアカウントを選ぶ」からの工程を行う

参考：[クリエイター サポートサイト] Instagram フィードの追加
https://help.jimdo.com/hc/ja/articles/115005534303/

ジンドゥーにログイン / 新規登録する