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

サイトにInstagramの投稿を表示するには、Instagramブロックを使用します。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ブロックに接続することができます。

デザインを選択する

[デザイン] タブで、ブロック内での投稿の表示方法を選択します。デザインは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ブロックが表示されない場合があります。まず、広告ブロッカーを削除することをおすすめします。それでもブロック表示の問題が解決しない場合は、すべてのブラウザー拡張機能を無効にしてみてください。引き続き問題が発生する場合は、お問い合わせください。