このコンテンツはフレーム内に表示できません、IEほか対応(Googleのiframe埋め込み)

先日の記事で、埋め込んだGoogleトレンドのグラフが、chromeとfirefox以外でエラーが出て表示されない件について調べた備忘録。

↓まとめました。※追記5/28

自サイトがiframe内で表示されるのを制御する、X-Frame-Optionsヘッダなるものがあり、通常.htaccessに記述して使用する。

参考記事:
iframe内からWebページが読み込まれるのを防止する X-Frame-Options HTTP レスポンスヘッダ
このコンテンツはフレーム内に表示できません、対処解決方法!

ということで、表示される側(この場合Google)の設定なので、こちら側でうんぬんしてもどうにもならなそう。一応httpsでつないでみたり、Googleにログインした状態で試したり、上記参照記事内にあるメタタグを入れてみたりと試してはみましたが、やっぱりダメ。

Sponsored Link

google.com経由で埋め込むと表示されることも。

でもどうやらgoogle.com経由で埋め込むと表示される様子。

上がgoogle.com、下がgoogle.co.jpで取得したコードで埋め込んだものです。
表示される結果も同じ(言語もhl=jaを指定すれば同じに)、コードもドメイン部分以外変わらないので、単純にURL部分を書き換えれば無事対応できそうです。

無事表示されたと思いましたが、表示されたりされなかったり安定しませんし、あんまり関係ないのかも。以下に一応まとめてありますが、参考程度にご覧ください。

まとめ ※追記5/28

分かりづらいのでまとめました。Googleトレンド以外は確認していません。
手近な環境でざっと確認しただけなので、参考程度に。
※IE以外はすべて最新ver.

モバイル/タブレット
OS .com .co.jp
iOS 8.1.3 iPhone5 Safari ×
iOS 8.4 iPhone5 Safari ×
iOS 8.4 iPhone5 Chrome
iOS 8.3 iPhone5S Safari × ×
iOS 8.3 iPhone5S Chrome
iOS 9.0.2 iPhone6S Safari ×
iOS 9.0.2 iPhone6S Chrome
iOS 8.3 iPad mini Safari
iOS 8.3 iPad mini Chrome
Android OS 4.0.4(世界シェア5.3%) ×
Android OS 4.4.2(世界シェア39.8%※最多)
PC(Win8.1)
ブラウザ .com .co.jp
IE9-11 ×
Firefox
Chrome
Opera × ×
Safari ×
PC(Win7)
ブラウザ .com .co.jp
IE9-11 × ×
Firefox
Chrome
Opera × ×
Safari ×
PC(Mac)
ブラウザ .com .co.jp
Safari

※追記5/29 Win7追加しました。
※追記7/09 iOS8.4追加しました。
※追記10/09 iPhone6Sほか追加しました。

参考:Androidバージョン別シェア[juggly.cn]

gzip圧縮と画像減色で、サイトの速度を最適化する方法(1/2)

ウェブ制作でお悩みの方へ。

BILLIONPLAN JAPAN Co, Ltd

ネット通販やウェブ制作、ECサポート事業を行っている(株)ビリオンプラン・ジャパンが運営しています。ランディングページやサイト制作、自社メディアを使った集客提案、中国をはじめとする海外ローカライズ作業など幅広く対応いたします。

ウェブ制作のお悩み、ご相談ください。

ビリオンプラン・ジャパンは日本を拠点に、香港などの海外グループ会社も生かし各種サービスをご提供しています。まずはお気軽にご相談くださいませ。

または、お電話でも承ります。
※ただいま新規ウェブ制作の受付は停止しております
 10:00 - 19:00(土日祝休み)

06-6271-7761

ABOUT ME

おむおデザイナー/編集Twitter:@BILLIONPLAN_JP
大阪在住WEBデザイナー。制作会社、EC業界でデザイナーをやった後に、ゲームアプリの世界へ。そんなにゲーム好きじゃないことに気づいてウェブに出戻り。その後ビリオンプラン立ち上げに参加。ご相談はこちらにお願いします。フェネック飼いたい。 →記事一覧
Sponsored Link

新着記事を配信しています

FacebookやGoogle+で新着記事を配信しています。よろしければ「いいね!」や「フォロー」をお願いします。

follow us in feedly