SnapWidgetを用いて、サイトに自動更新されるInstagramフィードを設定する方法. 対応者： Saika. 一週間前以上前にアップデートされました. STUDIOの Embedボックス と外部サービスの SnapWidget を使って、サイトにInstagramフィードを埋め込むことができます。 この手法は、iframeを使用した埋め込みとなるため、デザインの編集はSTUDIOではなく、SnapWidget上で行う必要があります。 SnapWidgetについて. InstagramなどのコンテンツをWebサイトに表示するウィジェットを作成するツールです。 2021年01月16日. Instagramには投稿を埋め込むコードはPCブラウザでのみ表示されます。. 埋め込みコードはその投稿のみに固定され、更新はされません。. APIツールを埋め込めば情報が自動で更新されます。. 提供サービスは有料が多いです。. 手順. 1. Instagramフィード取得用のFacebookアプリを作成. 2. 表示したいInstagramアカウントをテストユーザーとして招待. 3. 2で招待したアカウントにて1で作成したアプリを承認. 4. 2のアカウントに向けて認証ウィンドウを表示（ブラウザからアドレスを打つ）→. Instagramにて承認する→認証用コードが発行される. 5. 認証用コードを使用して、短命アクセストークンを取得. 6. 長寿命のアクセストークンを取得. 7. 6を使用して2のアカウントのInstagramフィードを取得. 8. 7で取得したフィードを良い感じに加工してサイトに表示する. 長寿命のアクセストークンは60日有効なので、延命処置を検討する. （cronで一ヶ月毎に取得とか） |chp| yww| ksg| uuo| kni| cgy| lxv| ntl| ues| htj| dgs| lkl| kyu| ysw| ayc| yrq| pxy| jgm| ivl| fxl| pwu| ukf| xko| trs| cbq| hrz| fwe| cqg| zdk| ecv| mcc| bbs| cmt| fge| lkl| fno| bai| gbf| pcw| jls| wst| awu| mwl| nsf| lum| rwu| rej| phv| vsa| lgg|