マニュアル共有・その他

Instagram連携方法

Elfsight の埋め込みコードを使って Instagram の投稿をサイトに表示する手順

Instagram の投稿をサイトに表示するには、外部サービス Elfsight で埋め込みコードを作り、それを AI に渡します。

Elfsight でアカウントを作る

Elfsight でアカウントを作成し、Instagram Feedを選択します。

Elfsight でアカウントを作る

テンプレートを選ぶ

左側のテンプレート一覧から、サイトに表示させたい見た目のテンプレートを選択します。

テンプレートを選ぶ

Instagram のユーザー名を確認する

Instagramで、アカウントのユーザー名を確認します。

Instagram のユーザー名を確認する

Instagram アカウントを接続する

ユーザー名を入力して「Search」ボタンを押下し、Instagramアカウントを接続します。

Instagram アカウントを接続する

投稿が表示されることを確認する

アカウントを接続し、自身の投稿が表示されることを確認します。

投稿が表示されることを確認する

Install を押す

Feed一覧に戻り、「Install」ボタンを押下します。

Install を押す

埋め込みコードをコピーする

「Copy code」を押下し、埋め込みコードをコピーします。

埋め込みコードをコピーする

できるくんAI に埋め込みコードを渡す

できるくんAIで、Instagram埋め込みを行いたいサイトの編集画面を開き、プロンプトで先ほどコピーした埋め込みコードを送信すると、サイトへInstagram投稿の埋め込みが行われます。

プロンプト例:

インスタグラムセクションを作成し、下記を埋め込んでください <!-- Elfsight Instagram Feed | Untitled Instagram Feed --> <script src="https://elfsightcdn.com/platform.js" async></script> <div class="elfsight-app-998e2392-de03-44e6-bf58-5996a8f1f11e" data-elfsight-app-lazy></div>

最終更新