GoogleサイトにGoogle Driveのファイルを埋め込んだものの、表示されない、またはエラーメッセージが表示されるケースは少なくありません。ファイルの存在は確認できているのに、サイト上では真っ白や「プレビューできません」といった状態になることがあります。この問題は、アクセス権限、埋め込み設定、ブラウザの互換性、組織のポリシーなど複数の要因が絡むため、原因を正しく切り分けることが重要です。本記事では、よくある原因とその確認手順、具体的な対応方法を詳しく解説します。
【要点】この記事で確認すること
- 最初に見る場所: 埋め込んだDriveファイルの共有設定(リンク共有の範囲)と、埋め込みに使用したコードの正しさを確認します。
- 切り分けの軸: 「ファイル側の問題(権限・形式)」と「埋め込み先の環境(ブラウザ・ネットワーク・Googleサイトの設定)」のどちらに原因があるかを段階的に調べます。
- 注意点: 会社のGoogle Workspaceでは、管理者が埋め込み機能を制限している場合があります。個人で勝手に変更できない設定もあるため、管理者に確認が必要です。
ADVERTISEMENT
目次
1. 埋め込みの仕組みと基本確認
GoogleサイトにDriveファイルを埋め込む方法は、主に「Googleドライブの埋め込みガジェット」を使用するか、公開されたファイルの埋め込みコード(iframe)を直接貼り付けるかの2種類です。どちらの方法でも、ファイルが正しく表示されるためにはいくつかの条件を満たす必要があります。まずは基本的な確認事項を押さえましょう。
1.1 ファイルの形式と埋め込み対応
埋め込み可能なファイル形式は限られています。Googleドキュメント、スプレッドシート、スライド、PDF、画像(JPEG・PNG・GIF)、動画(MP4・WebM)などが主な対象です。一方、実行ファイル(.exe)や特殊な圧縮形式(.rar)などは埋め込みに対応していません。ファイル形式が適切かどうかを最初に確認しましょう。
1.2 埋め込み方法の違い
Googleサイトの「挿入」メニューから「Googleドライブ」を選んでファイルを選択する方法と、Drive上で「埋め込みアイテムを公開」から取得したiframeコードをHTMLボックスに貼り付ける方法があります。前者は権限設定を自動で調整してくれますが、後者は手動で共有設定を変更する必要があります。どちらの方法を使ったかによって確認箇所が変わります。
| 項目 | 埋め込みガジェット | iframeコード手動貼り付け |
|---|---|---|
| 権限設定の自動調整 | あり(必要に応じて共有を拡大) | なし(手動で設定が必要) |
| 表示されるエラーの種類 | 「アクセス権限がありません」など | 「このファイルは表示できません」や真っ白 |
| 推奨される利用シーン | 社内向けサイト | 公開サイト(要権限確認) |
2. アクセス権限の不足が原因の場合
最も多い原因が、埋め込み先のファイルに対するアクセス権限の不足です。Googleサイトを閲覧しているユーザーが、そのファイルを直接開く権限を持っていないと、埋め込み部分にエラーが表示されます。以下の手順で権限設定を確認・修正してください。
- 埋め込んでいるファイルをGoogleドライブで開きます。
- ファイルを右クリックし、「共有」をクリックします。
- 「リンクを知っている全員」または「組織内の全員」が選択されているか確認します。制限付き(特定ユーザーのみ)のままでは、埋め込みが機能しません。
- 必要に応じて共有範囲を変更します。社内サイトの場合は「組織内の全員」、公開サイトの場合は「インターネット上の全員」を選びます。
- 変更後、Googleサイトを再読み込みして表示を確認します。
- それでも表示されない場合は、ファイルの親フォルダの権限も確認します。フォルダ自体の共有設定がファイルに優先される場合があります。
2.1 共有範囲の具体例
例えば、ファイルの共有設定が「特定のユーザーのみ」になっている場合、そのユーザー以外がサイトを訪れると埋め込み部分は表示されず、「アクセスできません」や「ファイルを開くにはログインが必要です」というメッセージが表示されます。逆に「リンクを知っている全員」にすると、ログイン不要で表示できるようになります。ただし、公開範囲を広げすぎると情報漏洩のリスクがあるため、必要最小限の範囲に留めましょう。
3. 埋め込み設定のミス
埋め込みコードを手動で貼り付けた場合、コードのコピーミスや形式の誤りが原因で表示されないことがあります。特にiframeタグのsrc属性に指定するURLが正しいかどうかを確認しましょう。
3.1 正しい埋め込みコードの取得方法
Google Drive上でファイルを開き、右上の「その他の操作」→「埋め込みアイテムを公開」をクリックすると、iframeコードが表示されます。このコードをそのままコピーし、GoogleサイトのHTMLボックスに貼り付けてください。よくある間違いは、このコードをコピーせずにブラウザのアドレスバーのURLを使ったり、不要な改行や引用符を削ってしまうことです。
3.2 サイズ指定とレスポンシブ対応
埋め込みコードにはwidthとheightの指定があります。固定値で指定されている場合、表示端末の画面サイズに合わずに隠れてしまうことがあります。Googleサイトのテーマによっては、CSSでオーバーフローが隠されている場合もあるため、HTMLボックス内でstyleを直接記載してレスポンシブ対応にする方法もあります。ただし、会社のポリシーによってはHTMLの編集が制限されている場合があるので注意しましょう。
4. ブラウザやネットワークの制限
ファイル自体の設定が正しくても、ブラウザの拡張機能やネットワーク環境によって埋め込みがブロックされることがあります。特に企業ネットワークではセキュリティソフトやプロキシが影響する場合があります。
4.1 ブラウザの拡張機能を確認
広告ブロッカーやJavaScriptを制限する拡張機能が、埋め込みiframeの読み込みを妨げている可能性があります。シークレットモード(プライベートブラウジング)で拡張機能を無効にして表示を試してみてください。また、ブラウザのキャッシュやCookieの影響も考えられるため、キャッシュクリアも有効な手段です。
4.2 ネットワーク設定の確認
会社のファイアウォールがGoogle Driveの特定のドメイン(drive.google.com, docs.google.comなど)へのアクセスを制限している場合、埋め込みが機能しません。その場合は、ネットワーク管理者に問い合わせて、必要なドメインが許可されているか確認しましょう。また、社内VPNを使用している場合、VPN経由でのアクセスが遅くなったり、接続が不安定になることもあります。
5. 管理者設定による制限
Google Workspaceの管理者は、Googleサイトやドライブの共有設定を組織全体で制御できます。そのため、ユーザー自身では変更できない制限がかかっている場合があります。
5.1 管理者に確認すべき設定項目
以下の項目について、Google Workspace管理者に問い合わせてください。多くの場合、これらの設定が埋め込み表示に影響します。
- Googleサイトでの埋め込み機能の許可: サイトの編集権限があっても、埋め込みガジェット自体が無効化されている可能性があります。
- ドライブの共有設定: 組織外との共有が禁止されている場合、公開範囲を「インターネット上の全員」に変更しても機能しません。
- サードパーティCookieのブロック: 一部のブラウザ設定や管理ポリシーでサードパーティCookieがブロックされると、埋め込みの認証に失敗することがあります。
5.2 失敗パターンとその対処
実際の事例として、ある企業では「インターネット上の全員」に共有設定を変更しても埋め込みが表示されず、管理者のポリシーで「ドメイン外の共有を禁止」していたことが原因でした。この場合、個人では対応できないため、管理者に相談して該当ファイルのみ特別に許可してもらうか、Googleサイト自体を社内公開限定にする必要があります。また、埋め込みコードの代わりに、ファイルへのリンクをテキストで記載する代替手段も検討しましょう。
6. よくある質問とまとめ
よくある質問
Q1. 埋め込んだPDFが「プレビューできません」と表示される。
A1. PDFの埋め込みは通常可能ですが、ファイルサイズが大きすぎる場合や、PDF自体が破損している場合があります。一度PDFをダウンロードして再度アップロードし直してみてください。また、Googleサイトの埋め込みガジェットではなく、iframeコードを使うと改善することがあります。
Q2. スマートフォンで表示できない。
A2. 埋め込みコードのwidth/heightが固定されていると、モバイル画面ではみ出して表示されないことがあります。Googleサイトのレスポンシブ設定を確認するか、HTMLボックス内でmax-width:100%を追加してみてください。ただし、編集権限によってはHTMLを変更できない場合があります。
Q3. 埋め込みガジェットでは表示されるのに、iframeコードでは表示されない。
A3. 同じファイルでも取得するiframeコードのバージョンが古い場合があります。最新の埋め込みコードを再取得し、貼り直してください。また、GoogleサイトのHTMLボックス内に余分なタグがあると競合することもあるので、最小限のコードだけを貼るようにしましょう。
まとめ
Googleサイトに埋め込んだDriveファイルが表示されない場合、まずファイルの共有設定が適切かを確認しましょう。次に埋め込み方法の違い(ガジェットかiframeか)に応じて設定を見直します。それでも解決しない場合は、ブラウザやネットワークの制限、管理者のポリシーが原因である可能性があります。原因を段階的に切り分けることで、無駄な修正を避け、迅速に問題を解決できます。社内での利用であれば、管理者と連携しながら最適な対応を進めてください。
ADVERTISEMENT
超解決 第一編集部
疑問解決ポータル「超解決」の編集チーム。正確な検証と、現場視点での伝わりやすい解説を心がけています。
Google Driveの人気記事ランキング
- 【SharePoint】SharePointで「同期」ボタンが表示されない時の確認手順
- 【PDF】スマホからPCへPDFをケーブル無しで送る!クラウド(Googleドライブ/iCloud)同期の基本
- 【SharePoint】ドキュメントライブラリを開けない時のアクセス許可と保存場所チェック
- 【Googleスプレッドシート】テンプレートギャラリーを使い倒すコツ!業務別の活用例
- 【Googleスプレッドシート】Apps Scriptが動かない・実行されない時のチェックポイント
- 【Googleスプレッドシート】Googleフォームの回答エクスポート!CSVダウンロードの操作
- 【Googleドキュメント】WordファイルをDocs形式に変換!互換性と書式維持
- 【Googleアカウント】会社アカウントと個人アカウントを分けたい時の運用方法
- 【Googleドキュメント】AndroidからWordファイル開く!アプリ選択の指定
- 【OneDrive】OneDriveで同期済みなのにスマホから開けない時に見直す保存場所と同期設定
