ホームページのInstagram埋め込みが表示されない・更新されない原因と対処法

この記事の監修者

齊藤 真也

株式会社ファーストネットジャパン 代表取締役

1998 年創業時からアプリ開発・Web マーケティング・フルリモート SES・ホームページ制作・翻訳・グラフィックデザインなど幅広い IT／クリエイティブ領域を手がけ、4,000 件超のプロジェクトを統括。セキュリティ対策・SEO・システム開発から中小企業のWeb戦略支援まで、技術とデザインの両面でクライアントの課題解決を27年以上にわたり支援してきた。
大阪本社・東京オフィスの2拠点体制で、全国の企業のデジタル化をサポート。
高松市出身。座右の銘は「圧倒的努力」。

ホームページに埋め込んだInstagramが真っ白になった、読み込み中のまま動かない、以前の写真しか表示されない。その場合は、Instagram側の公開状態、ホームページへの埋め込み方、自動更新に使う連携サービスの順に確認すると、調べる範囲を整理できます。

最初に確認したいのは、特定の投稿を埋め込んでいるのか、新しい投稿を自動取得するフィードを使っているのかという点です。単一投稿の埋め込みでは、Instagramへ新しく投稿しても、ホームページに置いた投稿が自動的に別の投稿へ入れ替わるわけではありません。

本記事では、企業のWeb担当者に向けて、表示されない・更新されない症状の確認手順、自社で確認できる範囲、制作会社への依頼方法を解説します。ファーストネットジャパンへの調査・改修依頼は、現在の構成と対応範囲を確認したうえで個別にお見積もりします。

Instagramが表示されないときに最初に確認する3つのこと

設定を変更する前に、問題が起きているページのURLと画面、最後に正常だった時期を控えてください。Instagramの投稿URLも用意し、投稿そのもの、連携サービス、ホームページのどこで止まっているかを順に調べます。

1. Instagram上で元の投稿が見られるか。 投稿の削除・アーカイブ・公開範囲の変更がないか確認します。ホームページだけに問題があるかを判断する出発点になります。
2. 何を使って掲載しているか。 投稿からコピーした埋め込みコード、外部サービスのウィジェット、APIを使う独自連携のどれかを確認します。制作時の資料や管理画面にサービス名が残っていることがあります。
3. どの環境で再現するか。 パソコンとスマートフォン、通常のブラウザと別のブラウザで同じページを開きます。全員に起きる問題か、特定の環境で起きる問題かを記録します。

自分のスマートフォンだけで確認を終えると、管理者としてログインしているため正常に見えるケースを見落とします。一方、別のブラウザで見えたからといって、すべての訪問者に問題がないとも判断できません。確認した端末・ブラウザ・時刻を残すと、制作会社への引き継ぎに役立ちます。

店舗のアクセス情報、営業時間、問い合わせ先などの重要情報は、Instagramの埋め込みが読めなくてもホームページの本文から確認できる状態にしておきましょう。復旧を待つ間は、管理できる範囲で公式Instagramへのテキストリンクを案内する方法もあります。

単一投稿・プロフィール・自動更新フィードの違い

「Instagramを埋め込んでいる」という説明だけでは、復旧方法を決められません。画面の見た目が似ていても、投稿を指定する方式と、連携サービスがデータを取得する方式では確認先が異なります。

単一投稿のコードを複数並べている場合、新しい投稿を追加するには掲載側の編集が必要です。「最新の投稿を常に並べたい」という希望なら、自動取得の仕組みが用意されているかを調べます。プロフィール埋め込みについても、自由な件数指定や独自レイアウトを前提にせず、提供される表示を実際に確認してください。

方式が分からない場合は、制作会社へ「どのアカウントを、どのサービスで、どの間隔で取得しているか」を尋ねます。Instagramのパスワードだけでは、外部サービスの管理権限やサイト側の編集権限を確認できないため、管理先を一覧にすることが先です。

症状から調べる場所を選ぶ

次の表で近い症状を探してください。同じ「表示されない」でも、元の投稿が見られない場合と、連携サービスのプレビューだけ正常な場合では、調査の入口が変わります。

埋め込みが表示されない原因と確認手順

投稿の公開状態と埋め込み許可を確認する

Instagram公式ヘルプでは、非公開アカウントやそのコンテンツは埋め込めないと説明されています。また、公開アカウントでも埋め込みをオフにできます。投稿がInstagram内で見えていても、外部のホームページで表示できる条件を満たしているかは別途確認が必要です。

アカウントの管理者に、公開設定と埋め込みの設定を確認してもらいます。店舗運営の方針で非公開にしている場合は、掲載のためだけに公開設定を変えると決めず、公式アカウントへのリンクなど別の案内方法も検討してください。

埋め込みコードのコピーは、公式ヘルプで案内されているコンピューターまたはモバイルブラウザから行います。アプリ内だけで探して見つからないときは、ブラウザで対象を開いて確認します。画面の名称や位置は変わる場合があるため、現在の公式案内も併せて参照してください。

出典：Instagram公式ヘルプ「Instagramの投稿またはプロフィールを埋め込む」

HTMLを設置する場所と保存後のコードを確認する

埋め込みコードを通常の文章入力欄に貼り付けると、コードが文字として表示されたり、必要な部分が保存時に除かれたりすることがあります。利用しているホームページの編集機能で、外部コンテンツの埋め込みやHTML入力に対応した欄を使っているか確認します。

編集画面のプレビューと、実際に公開されたページを分けて確認してください。担当者が貼り付けた内容と公開ページに出力された内容が異なる場合は、編集権限、入力欄の仕様、サイト側の処理を調べる必要があります。元のコードを控えずに何度も差し替えると、どの変更で症状が変わったか分からなくなります。

制作会社へは「編集画面では見えるが公開ページでは空白になる」など、確認できた違いを伝えます。外部サービスを使う場合は、現在そのサービスが発行する設置コードと比較してもらうと、古いコードが残っているかを判断しやすくなります。

外部スクリプトとページ側のエラーを確認する

Instagramや連携サービスの表示に必要なJavaScriptが読み込めない場合、枠やリンクだけが残ることがあります。制作担当者はブラウザの開発者ツールで、読み込みに失敗した通信や、表示処理の前に発生しているエラーを確認します。

サイトの改修、外部タグの追加、読み込み順の変更、表示速度対策などの直後に起きた場合は、その変更箇所を確認します。エラー文が分からない担当者は、発生日時と画面を記録して渡せば十分です。公開ページへ出所の分からない修正コードを足し続けると、別の機能にも影響する可能性があります。

連携サービスJuicerの公式ヘルプでも、ページ側のJavaScriptエラーや読み込み制限などが確認項目として挙げられています。具体的な修正方法は利用するサービスとサイトの構成によって変わります。

参考：Juicer公式ヘルプのフィード表示トラブルの確認項目

ブラウザの制限や同意管理との関係を調べる

訪問者のブラウザ設定、拡張機能、外部コンテンツの読み込みを制御する同意管理の仕組みにより、表示が変わる場合があります。自社サイトに同意管理を入れている場合は、同意前・同意後でInstagram欄がどう変わるかを確認します。

特定環境だけで起きるなら、検証用の別ブラウザと比較し、利用者に必要な案内を検討します。サイトの安全設定を一括で緩めるのではなく、制限された通信と必要な表示を担当者が照合して判断します。埋め込みが利用できない状態でも、公式プロフィールへのリンクや店舗の基本情報を読める構成にしておくと運用しやすくなります。

Instagramの新しい投稿が自動更新されないときの確認手順

自動更新のフィードは、Instagramから投稿を取得し、表示対象を選び、ホームページへ配信する工程があります。「更新されない」ときは、各工程の時刻と結果を確認します。

対象アカウントと最終取得時刻を確認する

まず、ホームページに表示したいInstagramアカウントと、連携サービスに登録されたアカウントが一致しているかを確認します。複数店舗や採用用アカウントを運用している会社では、再接続の際に別のアカウントを選んでしまうと、操作自体が成功しても期待した投稿が出ません。

次に、連携サービスの管理画面にある接続状態、最終取得時刻、エラーや通知を確認します。Instagramに投稿した時刻より取得時刻が古い場合は、取得待ちか取得失敗かを調べます。契約プランや取得間隔によって反映までの時間が異なるため、投稿直後に表示されないだけで故障と判断しないようにします。

再接続が必要か、取得処理が止まっているかを調べる

接続期限や認証状態の問題が案内されている場合は、管理権限を持つ担当者がサービスの手順に沿って接続を更新します。認証画面で選ぶアカウント、サービスに許可する内容、作業後の接続先を確認してください。

接続が有効なのに最終取得時刻が進まない場合は、定期実行の停止、取得処理のエラー、サービス側の障害や制限などが調査対象になります。独自開発の連携では、実行ログと失敗時の処理を開発担当へ確認します。

再接続後も、再取得や配信に待ち時間があるサービスがあります。Juicerの公式案内では再同期に時間を要する場合が説明されていますが、その時間を他サービスへ一律に当てはめることはできません。利用先の反映目安を確認し、予定を過ぎても取得されなければ問い合わせます。

参考：Juicer公式ヘルプのInstagram接続追加・更新手順

投稿形式・表示条件・キャッシュを確認する

取得自体は成功している場合、表示対象の条件を調べます。静止画は出るのにリールが出ない、特定の投稿だけ見えない、一覧の件数が少ないといった場合は、利用サービスが対応する投稿形式、承認待ち、除外条件、並び順、表示件数を確認してください。

管理画面のプレビューに新しい投稿があるのに、公開ページには古い内容が残る場合は、サイト側の配信やキャッシュも調べます。ブラウザ、サーバー、CDNなど、どこに以前の表示が残っているかで確認先が変わります。詳しくはキャッシュの仕組みとホームページ運用での確認方法も参考になります。

設定を変えたら、変更時刻と変更箇所を記録し、管理画面と公開ページを再確認します。接続、フィルター、キャッシュを同時に変更すると原因を追いにくくなるため、一つずつ結果を確認する手順にします。

古いAPIを使う連携は方式の見直しが必要な場合がある

以前に作ったInstagram連携が長期間止まっている場合は、古いAPIを使っていないか確認してください。APIは、サービス同士がデータをやり取りするための仕組みです。

MetaはInstagram Basic Display APIの提供を2024年12月4日に終了すると案内し、終了後はそのAPIへのリクエストが失敗することを説明しています。この方式に依存した仕組みは、同じ設定で再認証するだけでは解決できない場合があります。

出典：Meta公式のInstagram Basic Display API提供終了のお知らせ

現在のInstagramログインを使うInstagram APIは、ビジネス・クリエイターのプロアカウント向けです。必要なアカウント条件や権限は、採用する接続方法とサービスに合わせて確認します。単一投稿の公式埋め込みを使う場合まで、すべて同じAPI連携が必要になるわけではありません。

出典：Meta公式のInstagramログインを使ったInstagram API

制作会社には、使用しているAPI・サービス名、管理者、必要な表示件数、投稿形式、更新頻度を整理してもらいます。現状の修復、別サービスへの切り替え、独自連携の改修を比較する際は、初期費用に加えて、継続利用料と認証更新を誰が担当するかまで確認してください。

スマートフォンだけ表示されない・レイアウトが崩れる場合

パソコンで正常に見える場合も、スマートフォンでは埋め込み枠が画面の外へはみ出したり、高さが不足して途中で切れたりすることがあります。ページが開けるかだけでなく、投稿の画像とリンクを実際に操作できるかを確認します。

• 縦向きの画面で、ページ全体に横スクロールが発生していないか。
• 固定ヘッダーや下部ボタンがInstagram欄に重なっていないか。
• スマートフォン向けの表示設定で、該当ブロックが非表示になっていないか。
• ページの下までスクロールした後に表示されるか。
• 投稿を開くリンクと、サイトのお問い合わせボタンをそれぞれ操作できるか。

修正を依頼するときは、機種名だけでなくブラウザ名、縦横の向き、症状が出るページを伝えます。制作者側では複数の画面幅で再現し、埋め込み枠と周囲のCSSを確認します。サイト全体のスマートフォン表示に問題がある場合は、ホームページのスマホ対応と改修方法も併せて確認してください。

自社で確認する範囲と制作会社へ依頼する目安

Web担当者が最初に行うのは、画面と管理情報を照合する作業です。投稿の公開状態、対象アカウント、エラー通知、再現する端末を調べるだけでも、調査の入口は明確になります。

設置コードが分からない、前の制作会社と連絡が取れない、接続し直しても直らない、再発している場合は、現状調査から相談するとよいでしょう。利用サービスの契約者と管理者が分からないときも、分かっている情報から調査できる範囲を決めます。

例えば、店舗担当者がInstagramの更新だけを担当し、ホームページは外部の会社が管理している場合、担当者にサイトのコード修正まで任せる必要はありません。店舗側で投稿URLと発生時刻を用意し、サイト管理者が設置方法を確認する、という分担にすると進めやすくなります。

Instagram連携の修正費用と見積もりで確認したいこと

費用は、設定確認で終わるか、表示部分のコードを直すか、投稿を取得する仕組みから変更するかによって変わります。ファーストネットジャパンでは、Instagram連携の調査・修正を現状と必要な対応に応じて個別に見積もります。

見積もりを比較するときは、調査費と修正費、外部サービスの月額・年額料金、公開後の確認費を分けて見ます。既存の保守契約がある場合も、その契約に今回の修正や外部サービスの設定変更が含まれるかを確認してください。

納期は、編集権限と原因の確認状況によって変わります。単にコードを置き換える作業と、旧APIからの移行、外部事業者への問い合わせが必要な作業を同じ日程では見積もれません。調査結果の報告予定、修正案の確認日、公開作業日、新しい投稿の反映確認日を分けて決めると、担当者間の認識をそろえられます。

依頼範囲の記入例（架空のケース）

「会社ホームページのトップページで、店舗のInstagram投稿一覧が先週から更新されません。Instagram本体では新規投稿が見られます。対象は1アカウント、表示箇所はトップページと店舗紹介ページです。現在の連携方式の調査、復旧案と費用の提示、修正後のスマートフォン確認、新規投稿1件の反映確認までを相談したいです。」

このように対象と確認範囲を書くと、単純な表示修正か、取得処理を含む調査かを相談しやすくなります。原因が未確定の段階では、調査後に追加費用が発生する条件と、作業前の承認方法も決めておきます。

復旧後は新しい投稿の反映と運用担当まで確認する

過去の投稿が一度表示された時点で終了せず、運用担当と合意した投稿を使って、次の更新も反映されるか確認します。試験のためだけに不要な投稿を公開する必要はなく、通常の投稿予定に合わせて確認することもできます。

• 対象ページのパソコン・スマートフォン表示を確認する。
• 想定する投稿形式と件数が表示され、リンク先が正しいことを確認する。
• 自動取得の更新間隔に合わせ、次の投稿の反映時刻を記録する。
• 同意前や読み込みが制限された環境で、代わりの案内が読めるか確認する。
• 接続に関する通知を受け取る人と、再接続を行う人を決める。
• サービス名、契約者、設置箇所、更新手順を社内で管理する。

アカウントの担当者変更、ホームページのリニューアル、外部サービスの契約変更時には、Instagram連携も確認項目へ入れます。引き継ぎ資料にはパスワードを直接書き並べず、安全に管理された情報へのアクセス方法と責任者を記録します。

継続的な点検を依頼する場合は、表示確認だけを行うのか、認証更新や障害調査まで含むのかを決めます。ホームページ全体の役割分担は、ホームページ管理の作業内容と外注の判断で整理しています。

Instagram連携・表示不具合をファーストネットジャパンに相談する

ファーストネットジャパンは、1998年創業、4,000件超の制作実績を持つ大阪市中央区のWeb制作会社です。ホームページの制作・改修から保守・運用まで対応し、他社で制作されたサイトについても、現在の構成や管理権限を確認したうえで対応可否をご案内します。

Instagramの表示不具合では、掲載方式、対象アカウント、接続状態、設置コードを確認し、既存の仕組みを修正できるか、連携方式の見直しが必要かを整理します。相談時点でサービス名や原因が分からなくても、対象ページと症状から調査範囲を相談できます。

お問い合わせには、次の情報を分かる範囲でお知らせください。

• 不具合が起きているホームページのURL。
• 掲載しているInstagramのアカウント・投稿URL。
• 空白になる、古い投稿が残るなどの症状と発生時期。
• パソコン・スマートフォンなど、確認した環境。
• 分かれば、利用サービス名と直前に変更した内容。
• 希望する対応範囲と公開予定日。

通常のお問い合わせフォームに、Instagramのパスワードやアクセストークンを記入する必要はありません。調査に権限が必要になった場合は、対象と共有方法を確認してから進めます。修正後の表示確認、自動更新の反映確認、担当者への運用引き継ぎも含めてご相談ください。

Instagramの埋め込みトラブルでよくある質問

Instagramの埋め込みが急に表示されなくなったら何から確認しますか？

元の投稿がInstagramで見られるか、どの方法で埋め込んでいるか、別の端末やブラウザでも再現するかを確認します。設定を変更する前に、対象URL、画面、発生時期、直前の変更を記録してください。

新しく投稿した写真がホームページに出ないのはなぜですか？

単一投稿の埋め込みでは、新しい投稿へ自動で入れ替わりません。自動更新するフィードを使っている場合は、対象アカウント、最終取得時刻、接続状態、表示条件、キャッシュを順に確認します。反映時間はサービスや契約プランによって異なります。

公開アカウントなら必ず埋め込めますか？

公開アカウントでも埋め込みが無効になっている場合があります。Instagram公式ヘルプで現在の条件を確認し、対象の投稿・プロフィールが埋め込みに対応しているか、管理者の設定で許可されているかを調べてください。

古いInstagram連携は再接続すれば直りますか？

認証状態の問題なら再接続で改善する場合があります。一方、終了したInstagram Basic Display APIに依存する仕組みでは、連携方式の見直しが必要です。使用するAPIやサービスを確認してから対応を決めます。

Instagramの表示修正はいくらかかりますか？

設定確認、コード修正、自動取得の復旧、連携方式の変更で作業範囲が異なります。ファーストネットジャパンでは、対象ページと現在の仕組みを確認したうえで個別に見積もります。外部サービスの継続利用料も分けて確認してください。

他社で制作したサイトや仕組みが分からないサイトも相談できますか？

対象ページと症状をお知らせいただければ、構成や管理権限を確認し、調査・修正の対応可否をご案内します。分かる範囲でInstagramの投稿URL、発生時期、利用サービス名をご用意ください。通常の問い合わせ欄にパスワードやアクセストークンを記入する必要はありません。

この記事の監修者

齊藤 真也

株式会社ファーストネットジャパン 代表取締役

1998 年創業時からアプリ開発・Web マーケティング・フルリモート SES・ホームページ制作・翻訳・グラフィックデザインなど幅広い IT／クリエイティブ領域を手がけ、4,000 件超のプロジェクトを統括。セキュリティ対策・SEO・システム開発から中小企業のWeb戦略支援まで、技術とデザインの両面でクライアントの課題解決を27年以上にわたり支援してきた。
大阪本社・東京オフィスの2拠点体制で、全国の企業のデジタル化をサポート。
高松市出身。座右の銘は「圧倒的努力」。