Instagramフィードから最新の画像をサイトに掲載する機能。

サイトにInstagramの投稿を表示するには、Instagramブロックを使用します。Instagramブロックを使用すれば、Instagramの画像や動画をギャラリー ブロックやギャラリー ページに手動で追加せずに紹介することができます。接続されているInstagramアカウントにコンテンツを追加すると、Instagramブロックが同期され、サイトに最新のコンテンツが表示されます。

注: InstagramのAPIが最近変更されたため、Instagramブロックに新しいコンテンツを引き続き取得するには、SquarespaceサイトをInstagramに再接続する必要があります。現在個人のInstagramアカウントをお持ちの場合は、このプロセス中にアカウントをプロフェッショナル アカウントに変換する必要があります。2024年12月4日以降、再接続されていないInstagramブロックには、再接続するまで新しいコンテンツは表示されません。

Instagramアカウントを再接続するには:

1. [接続済みのアカウント] パネルを開きます。
2. [再認証] をクリックします。
3. プロアカウント (ビジネスまたはクリエイター) をまだお持ちでない場合は、再接続プロセス中に、個人アカウントからプロアカウントへの変更の案内があります。
4. アカウントを変換して再接続したら、[接続済みのアカウント] パネルでInstagramアイコンをクリックします。
5. [データをリセット] をクリックします。

Instagramアカウントをプロアカウントに変換せずに、Instagram投稿のフィードを引き続きサイトに表示するには、Instagramの埋め込みコードを含む埋め込みブロックにInstagramブロックを置き換えます。

動画を見る

Instagramブロックを追加する

Instagramブロックを追加する方法は次の通りです。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックして、メニューから [Instagram] をクリックします。ヘルプについては、「ブロックを使用したコンテンツの追加」をご参照ください。
2. ブロックの鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. [アカウント] タブで、[接続済みのアカウント] ドロップダウン メニューをクリックし、以前に接続したInstagramアカウントを選択するか、[アカウントを追加] を選択し、認証手順に従って新しいアカウントに接続します。
4. 表示するアイテムの数を最大20個まで設定します。
5. [デザイン] タブでデザインを選択し、表示設定をカスタマイズします。
6. [保存] をクリックして変更を保存し、そのまま編集を続けるか、 [終了] 、[保存] の順にクリックしてエディターを閉じます。

ヒントと制限事項

以下の点に留意してください。

• Instagramは、検索語やハッシュタグによるInstagramブロック内の投稿のフィルタリングをサポートしていません。
• プライベートInstagramアカウントをInstagramブロックに接続すると、投稿はブロックに表示されますが、クリックするとリンク切れになります。これを回避するには、Instagramアカウントを公開に設定します。
• 複数の画像もしくは動画を含むInstagramの投稿では、最初のアイテムがInstagramブロック内の静止画像として表示されます。ブロック エディターの [デザイン] タブで、[リンクを新しいウィンドウで開く] のチェックをオンにして、訪問者を投稿全体にリンクさせます。
• Instagramブロックは、IGTV投稿、ストーリー、共有投稿、もしくはリールをサポートしていません。
• ピン留めされた投稿は、Instagramブロックの先頭には表示されません。
• 紹介したいInstagramアカウントが複数ある場合、それぞれのアカウントを異なるInstagramブロックに接続することができます。

デザインを選択する

[デザイン] タブで、ブロック内での投稿の表示方法を選択します。デザインは4種類から選択でき、縦横比、パディング、クリックしたときの投稿の表示方法など、さまざまなオプションでカスタマイズできます。4種類のデザインは次の通りです。

• スライドショー - 投稿は1件ずつ表示されます
• カルーセル - 設定に応じて、投稿が全体に表示され、前の記事と次の投稿の一部が左右に表示されます
• グリッド - 投稿はサムネイル画像のグリッドとして表示されます
• スタック - 投稿が横幅いっぱいに、他の投稿に重ねて表示されます。

デザインのカスタマイズを完了したら、[保存] をクリックします。詳細については、「Instagramブロックのそれぞれのデザインのオプション」をご参照ください。

ヒント: 一部のデザイン オプションは、モバイル端末では表示が異なります。端末別プレビューで設定をプレビューできます。

Instagramブロックのそれぞれのデザインのオプション

トラブルシューティング

Instagramブロックに関する問題のトラブルシューティングは、以下の手順に従ってください。トラブルシューティングに関するアドバイスは提供できますが、Instagram側でのポリシーの変更や商品アップデートによって発生した問題はサポートの対象外となることに注意してください。一般的な手順は次の通りです。

• ブロックがInstagramのフィードと一致しない。
• ブロックに重複した投稿や誤った投稿が表示される。
• ブロックにアーカイブされた投稿が表示される。
• ブロックに「選択したコレクションから表示するアイテムはありません」というエラーメッセージが表示される。
• ブロックがまったく表示されない。

ヒント: Instagramブロックは約30分ごとに更新されるため、新しい投稿はすぐに表示されないことがあります。

ステップ1 - 接続を確認する

次の手順でInstagramの接続が正しく設定されていることを確認することで、ほとんどの問題を解決できます。

1. [接続済みのアカウント] パネルを開きます。
2. Instagramアカウントをクリックします。
3. [データをダウンロード] のチェックがオンであることを確認します。
4. [データをリセット] をクリックします。
5. [保存] をクリックします。
6. Webページを更新します。

ステップ2 - アカウントを再接続する

まだ問題がある場合、もしくは「認証されていません：引き続き使用するには、このアカウントを削除するか再認証してください」というエラー メッセージが表示された場合は、Instagramアカウントを切断し、再接続してください。

1. [接続済みのアカウント] パネルで、Instagramアカウントをクリックします。
2. [接続を解除] をクリックします。
3. [確認] をクリックします。
4. 別のタブで、デバイス上のすべてのInstagramアカウントからログアウトします。
5. Squarespaceサイトに戻ります。[接続済みのアカウント] パネルで、[接続] をクリックします。
6. [ソーシャル アカウント] メニューからInstagramを選択し、Instagramのユーザー名とパスワードを使ってログインします。
7. [保存] をクリックします。
8. Instagramブロックに戻ります。ブロック エディターのアカウント タブで、[接続済みのアカウント] ドロップダウン メニューをクリックし、Instagramアカウントを再選択します。
9. [保存] をクリックして変更を保存し、そのまま編集を続けるか、 [終了] 、[保存] の順にクリックしてエディターを閉じます。
10.  

ステップ3 - ブロックを交換する

問題が解決しない場合は、次の手順でブロックを削除して新しいブロックを追加してください。

1. [ページ] パネルを開き、Instagramブロックのあるページをクリックします。
2. ページにカーソルを合わせ、[編集] をクリックします。
3. Instagramブロックにカーソルを合わせ、ゴミ箱アイコンをクリックします。
4. 挿入箇所をクリックし、Instagramを選択します。
5. Instagramアカウントを選択し、[保存] をクリックします。
6. ページを更新します。

ステップ4 - 広告ブロッカーとブラウザー拡張機能を無効にする

ブラウザーで広告ブロッカーを使用している場合、Instagramブロックが表示されない場合があります。まず、広告ブロッカーを削除することをおすすめします。それでもブロック表示の問題が解決しない場合は、すべてのブラウザー拡張機能を無効にしてみてください。引き続き問題が発生する場合は、お問い合わせください。

埋め込みブロックを使用して投稿のフィードを表示する

Instagramブロックを使用するには、Instagramのプロアカウントが必要です。プロアカウントなしでサイトにInstagram投稿のフィードを表示するには、埋め込みブロックにInstagramの埋め込みコードを追加します。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックしてから、[埋め込み] をクリックします。ヘルプについては、「ブロックを使用してコンテンツを追加する」をご参照ください。
2. Instagramで、埋め込みたい投稿やプロフィールを見つけて、右上の...をクリックします。
3. [埋め込み] をクリックし、[埋め込みコードをコピー] をクリックします。
4. 埋め込みブロックに戻り、コンピューターのブロック エディターで [コードスニペット] をクリックするか、Squarespaceアプリで [コード] をタップしてから、埋め込みコードをテキスト フィールドに手動で貼り付けます。

投稿のコレクションをサイトに埋め込む方法について詳しくは、 Instagramのドキュメントをご覧ください。