--- title: "【新機能】Instagram投稿でランディングページを作成！「Feed Links」" date: 2020-09-25 modified: 2024-12-11 canonical_id: feed-links locale_slug: feed-links author: "esbasicmath" category: - blog - product-updates summary: "「Feed Links」が実装されました。を活用すると、EmbedSocialに接続したInstagramアカウント画像を使って、自動でランディングページを作成することができます。手間なく更新できる簡単なWEBサイトを作りたい場合などにとても便利です。" draft: false seo: title: "【新機能】Instagram投稿でランディングページを作成！「Feed Links」" description: "「Feed Links」が実装されました。を活用すると、EmbedSocialに接続したInstagramアカウント画像を使って、自動でランディングページを作成することができます。手間なく更新できる簡単なWEBサイトを作りたい場合などにとても便利です。" og_image: "https://embedsocial.jp/hp/wp-content/uploads/2020/08/feedlink.jpg" og_image_width: 1664 og_image_height: 1100 structured_data: article --- EmbedSocialのアルバム機能に新機能「Feed Links」が実装されました。こちらの機能を活用すると、EmbedSocialに接続したInstagramアカウント画像を使って、自動でランディングページを作成することができます。 Insatgramで新規投稿をする度にランディングページの画像も自動的に更新されるため、手間なく更新できる簡単なWEBサイトを作りたい場合などにとても便利です。 デモURLはこちら：[https://feedlink.io/embedsocialjapan](https://feedlink.io/embedsocialjapan) ## 目次 1. [SNS投稿埋め込みツール EmbedSocialとは？](#anchor1) 2. [SNSアカウントの投稿をWEBサイトに自動同期！「アルバム機能」](#anchor2) 3. [【新機能】Instagram投稿でランディングページを作成！「Feed Links」](#anchor3) 4. [「Feed Links」の設定方法 & 外部リンクを設置して問い合わせ数を向上](#anchor4) 5. [Instagramのストーリーを同期し・オリジナルストーリーの追加も可能](#anchor5) ## SNS投稿埋め込みツール EmbedSocialとは？ ![](https://embedsocial.jp/hp/wp-content/uploads/2020/07/blog_embed_sns.jpg) ソーシャルメディアの投稿・レビューなどを、簡単にWEBサイトに埋め込むことができるSaaS型のウィジェット作成ツールです。全世界で50,000人以上のユーザーが1,000,000以上のウィジェットを作成し活用しております。 対応しているソーシャルメディアは現時点で7種類（2020年9月現在）。InstagramやTwitterから投稿を収集するだけでなく、Youtube・TikTokなどの動画にも対応。スマホでのコンテンツ掲出に優れたInstagramストーリーの埋め込み・WEBサイトでの表示にも対応しています。 使い方は様々。多様な使い方に対応できる充実した機能と簡単な操作性が人気の理由の一つです。 ## SNSアカウントの投稿をWEBサイトに自動同期！「アルバム機能」 SNSアカウントで投稿した画像をワンクリックで取り込み、ギャラリーを作成し、任意のWEBページに埋め込んで使用することができます。自動で更新するSNSギャラリーとしてサイトコンテンツ拡充を目的として利用されています。 [![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/album-function.jpg)](https://embedsocial.jp/function/embedalbum/) #### 更新の手間を削減 画像のトリミング・アップロード・コーディングなど、更新時の手間を最大限排除。SNSに投稿した画像をそのままサイトに流用することができます。 #### 自動同期 一度設定を終わらせれば次からは何の作業もありません。SNSを更新するとサイトも自動で更新されます。デザインテンプレートは10種類。サイトのテイストに合わせてカスタマイズし設置することができます。 #### 外部リンク機能 画像の一つ一つにそれぞれ異なる外部リンクを設置することができます。ECサイトの商品購入ページやお問い合わせページなど表示するだけでなく、目的への導線として活用することができます。 ## 【新機能】Instagram投稿でランディングページを作成！「Feed Links」 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/08/feedlink.jpg) 「Feed Links」はEmbedSocialのアルバム機能を使って実装を行うことができます。 Instagramアカウントを接続すると自動的に「Feed Links」専用のURLが生成され、該当のURLへアクセスすることで以下のようなWEBページを確認することができます。 ### レスポンシブ対応 「Feed Links」で作成されたページは、PC・スマートフォン両方での表示に対応しています。画像はブラウザのサイズに合わせて、自動で収縮するように作られています。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/feedlink.002.jpeg) ### 外部リンクの設置 表示させる画像の一つ一つに外部リンクを設定し、画像がクリックされたときにユーザーを任意のWEBサイトへと遷移させることが可能です。商品の購入ページやお問い合わせフォームへのリンクを行う際に便利です。 すべての投稿に対して、同一のリンク先を設定することもできます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/link-added.jpg) ### 表示画像の自動更新 「Feed Links」のページに表示される画像は、すべてEmbedSocialで接続したInstagramアカウントで投稿された画像となります。Instagramで新規投稿を行った際には、EmbedSocialが自動的に画像の取得を行い、「Feed Links」のページへと表示されます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/feedlink.001.jpeg) ### 画像の読み込み 1ページに表示させる画像には上限が設定されているため、Instagramでの投稿数が増えた場合にもページの読み込みスピードを心配する必要はありません。1ページに入りきらない画像については読み込みボタンを設置してページ全体のリロードなく古い画像を順に表示させていくことができます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/feedlink_btn.jpg) ## 「Feed Links」の設定方法 & 外部リンクを設置して問い合わせ数を向上！ ### 「Feed Links」の設定方法 アルバム機能の管理画面を開きます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/open-album-1024x574.png) 「Social Accounts」より「アカウントを追加」を選択肢、投稿を表示させたいInstagramアカウントを接続します。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/add-account-1024x527.png) 「Add Instagram Account」を選択します。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/add-instagram-1024x517.png) 「状態」が「接続済み」と表示されればアカウントの接続完了です。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/instagram-connected-1024x522.png) 左側のメニューバーより「Feed Links」より生成されたリンクへとアクセスします。ページの作成は以上で完了です。 ### 外部リンクの設定方法 画像のリンク先変更を希望する場合には、下記の設定を行います。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/open-feedlink-1024x512.png) 「Insatgramアルバム」より「新規追加」を選択します。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/create-instagram-album-1024x590.png) 先ほど追加したアカウントを選択し「アルバムを作成」へと進みます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/add-instagram-account-1024x553.png) 画像の一覧がプレビューで表示されます。「Links」というタブを開きます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/add-links1-1024x672.jpg) 画像のリンクを個別に設定する場合には、画像右下の「Add Link」を選択します。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/add-links2-1024x617.jpg) 「Button Link URL」にリンク先のURLを入力して保存すると完成です。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/link-added-1024x609.jpg) 全ての画像に対して同一のリンク先を設定したい場合には、右側の設定メニューより「LINKS」のタブを開き「Apply same link for all photos」を「Yes」に設定し、同様にリンク先を指定します。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/all-same-link-1024x617.jpg) 以上で完成です。以下のようなランディングページが作成されます。 ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/feedlink-esj1.jpg) ![](https://embedsocial.jp/hp/wp-content/uploads/2020/09/feedlink-esj2.jpg) デモURLはこちら：[https://feedlink.io/embedsocialjapan](https://feedlink.io/embedsocialjapan) コーディングいらずでランディングページを簡単に作成できる「Feed Links」機能。Insatgramで新規投稿をする度にランディングページの画像も自動的に更新されるため、手間なく更新できる簡単なWEBサイトを作りたい場合などにとても便利です。 ご試用をご希望の際には、以下よりお気軽にお申し込みくださいませ。 \[include file='blog\_cta'\]