すべてのコレクション
Feedlink フィードリンク
スタートガイド
Feedlinkとインスタグラムを連携させ投稿を表示させる方法
Feedlinkとインスタグラムを連携させ投稿を表示させる方法

Feedlinkページにインスタグラムアカウントを連携表示する方法をご紹介します

Embedsocial Japan avatar
対応者:Embedsocial Japan
一週間前以上前にアップデートされました

Feedlinkを使えば、ブログや商品紹介のウェブページへのリンクや、Instagramのビジネスアカウントや個人用アカウント、TikTokアカウント上の投稿を引っ張ってきて、すべてを一つのページで表示することが出来ます。


ここではFeedlinkにInstagramを連携させて投稿を表示させる方法を紹介します。

まずはEmbeSocialプラットフォームにログイン log in し、画面左側の製品メニューから、Feedlink製品ページに進みます。(Feedlinkのみご購入の場合は、Feedlinkのアイコンだけが表示されます。)



1. 投稿を取り込みたいSNSのアカウントを選択します。

左側のメニューから「ソース」をクリックしてソースページに進みます。

次に、画面右上に「新しいソースを追加」をクリックすると、「ソーシャルアカウントと接続」というポップアップが出てくるので、ビジネスアカウントか個人用アカウントのいずれかを選択します。

ビジネスアカウントを選択する場合は、インスタグラムのアカウントを管理しているFacebookアカウントとの接続が必要になります。そのため皆様のインスタグラムアカウントがFacebookページに接続されているかをあらかじめご確認下さい(接続確認の方法はこちらでご紹介しています)。

これは、インスタグラムのビジネスアカウントだけではなく、管理者であるFacebookアカウントをFeedlinkへと紐付けることで投稿を収集することが可能となるためです。

個人用アカウントを選択する場合は、インスタグラムのアカウントでログインするだけでOKです。

ここではInstagramビジネスアカウントを選択して先に進みます。

FacebookとFeedlink(を運営するEmbedSocialプラットフォーム)の接続を依頼する画面になるので、「Facebookと接続する」をクリックします。

クリックするとFacebookのページにリダイレクトされます。

Facebookに皆様それぞれのアカウントでログインしていただき、EmbedSocialに必要なパーミッション(許諾)を付与してください。接続が許可されると、InstagramビジネスアカウントからFeedlinkに投稿を取り込むことが出来るようになります。

- なお、もしすでにFacebookアカウントをFeedlinkまたはEmbedSocialに接続されている場合は、「***としてログイン」をクリックして進みます。

接続が完了すると、「ソーシャルアカウント」ページに接続されたFacebookページを確認することができます。


2. 次に、Feedlinkページにインスタグラムの投稿を埋め込みます。

Feedlinkページの作成画面に進み、「エクスプローラー」をクリックします。表示されたブロックメニューから「Instagramフィード」を選択します。

Instagramフィードのブロックが表示されます。アカウント選択のプルダウンを表示すると、既に接続されているインスタグラムアカウントが出てきますので、Feedlinkに投稿を表示したいインスタグラムのアカウントを選択肢し、「適用」ボタンをクリックします。

(初回設定時にはダミーデータがInstagramブロックに表示されていることがありますが、アカウントを選択して「適用」ボタンをクリックすれば、ダミー画像は削除されます。)

これでインスタグラムの投稿がFeedlinkページに表示されます。



3. インスタグラム投稿表示の追加設定をします(オプション)。

表示された各投稿は、非表示にしたり、任意のリンクを追加することもできます。

3-1. 投稿の表示・非表示を設定する方法

一部の投稿を非表示にしたい場合は、作成画面上で表示されているインスタグラム投稿左上のチェックボックスのチェックを外します。5分ほど経つと本番画面での表示が停止されます。

戻したい場合は再びチェックを入れてください。

なお、作成画面上には投稿はチェックを外しても残り続けます。非表示に設定できているかは、プレビュー画面で確認できます。

こちらは作成画面です。2つの投稿を非表示に設定しました。

プレビュー画面では表示されていないことが確認できます。

3-2. 投稿に任意のリンクをはる方法

各投稿に任意のリンクをはることが出来ます。商品紹介などに「購入する」ボタンなどを設置して、Eコマースサイトにリンクさせるなど、様々な用途で活用できます。

A. すべての動画に同じリンクをはる 

B. 動画ごとに異なるリンクをはる

の2つのパターンが可能です。

A. すべての投稿に同じリンクをはる場合

Feedlink作成画面上で、Instagramブロックの端(投稿ではない部分)をクリックして、ブロックを指定します。

Instaramブロック全体を囲む枠が青くなったことを確認し、その状態で左のメニューの「ブロック設定」をクリックすると、「すべての投稿に同じリンクを適用」が出てくるので、「はい」を選びます。

「はい」を選択すると、その下に以下の設定が出てきます。

リンク表示とは、リンクの表示をどのようにするかを設定します。

  • ボタン:任意の表示名を付けられるボタンが動画右下に設置され、クリックするとリンク先へ

  • アイコン:リンクのマークが動画右下に設置され、クリックするとリンク先へ

  • ボタン非表示:ボタンやリンクアイコンを見せない、動画をクリックするとリンク先へ

リンク表示で「ボタン」を選択すると、「リンクボタンを選択」でお好みの文字が入ったボタンを選ぶことが出来ます。「表示名を自由入力」を選択すると、自分で好きな文字をボタンに表示できます。その後,リンクURLを入力して、「変更を保存」します。

リンク表示で「アイコン」「ボタン非表示」を選択した場合は、リンクURLを入力して「変更を保存」します。

リンクの確認は、画面右上の「プレビュー」をクリックして、プレビュー画面上で行ってください。

B.投稿ごとに異なるリンクをはる

Feedlinkページの作成画面でTikTokフィードブロックを表示させ、リンクを付けたい動画にマウスをかざすと「リンクを追加」が表示されますのでクリックします。

リンクを追加をクリックすると、「投稿のリンクを編集」というポップアップが出てきます。

リンク表示とは、リンクの表示をどのようにするかを設定します。

  • ボタン:任意の表示名を付けられるボタンが動画右下に設置され、クリックするとリンク先へ

  • アイコン:リンクのマークが動画右下に設置され、クリックするとリンク先へ

  • ボタン非表示:ボタンやリンクアイコンを見せない、動画をクリックするとリンク先へ

リンク表示で「ボタン」を選択すると、「リンクボタンを選択」でお好みの文字が入ったボタンを選ぶことが出来ます。「表示名を自由入力」を選択すると、自分で好きな文字をボタンに表示できます。その後,リンクURLを入力して、「変更を保存」します。

リンク表示で「アイコン」「ボタン非表示」を選択した場合は、リンクURLを入力して「変更を保存」します。

リンクの確認は、画面右上の「プレビュー」をクリックして、プレビュー画面上で行ってください。

これで、Instagramブロックの追加設定も完了です。

すべての設定が終わったら、画面右上の「保存」ボタンを必ずクリックしてください。

設定方法でご不明な点は、当社サポートまでご連絡ください。



設定方法は、YouTube動画でもご確認いただけます(現在は英語版のみ)。

こちらの回答で解決しましたか?