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

自サイトがiframe内で表示されるのを制御する、X-Frame-Optionsヘッダなるものがあり、通常.htaccessに記述して使用する。
参考記事:
iframe内からWebページが読み込まれるのを防止する X-Frame-Options HTTP レスポンスヘッダ
このコンテンツはフレーム内に表示できません、対処解決方法!
ということで、表示される側(この場合Google)の設定なので、こちら側でうんぬんしてもどうにもならなそう。一応httpsでつないでみたり、Googleにログインした状態で試したり、上記参照記事内にあるメタタグを入れてみたりと試してはみましたが、やっぱりダメ。
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%※最多) | ○ | ○ |
ブラウザ | .com | .co.jp |
IE9-11 | ○ | × |
Firefox | ○ | ○ |
Chrome | ○ | ○ |
Opera | × | × |
Safari | ○ | × |
ブラウザ | .com | .co.jp |
IE9-11 | × | × |
Firefox | ○ | ○ |
Chrome | ○ | ○ |
Opera | × | × |
Safari | ○ | × |
ブラウザ | .com | .co.jp |
Safari | ○ | ○ |
※追記5/29 Win7追加しました。
※追記7/09 iOS8.4追加しました。
※追記10/09 iPhone6Sほか追加しました。
参考:Androidバージョン別シェア[juggly.cn]
gzip圧縮と画像減色で、サイトの速度を最適化する方法(1/2)
ウェブ制作でお悩みの方へ。
ネット通販やウェブ制作、ECサポート事業を行っている(株)ビリオンプラン・ジャパンが運営しています。ランディングページやサイト制作、自社メディアを使った集客提案、中国をはじめとする海外ローカライズ作業など幅広く対応いたします。
ウェブ制作のお悩み、ご相談ください。
ビリオンプラン・ジャパンは日本を拠点に、香港などの海外グループ会社も生かし各種サービスをご提供しています。まずはお気軽にご相談くださいませ。
または、お電話でも承ります。
※ただいま新規ウェブ制作の受付は停止しております
10:00 - 19:00(土日祝休み)
06-6271-7761
ABOUT ME
- デザイナー/編集Twitter:@BILLIONPLAN_JP
- 大阪在住WEBデザイナー。制作会社、EC業界でデザイナーをやった後に、ゲームアプリの世界へ。そんなにゲーム好きじゃないことに気づいてウェブに出戻り。その後ビリオンプラン立ち上げに参加。ご相談はこちらにお願いします。フェネック飼いたい。 →記事一覧
Recent Posts
2016.10.26EC楽天RMSのカスタマイズで使えるclass名の一覧。
2016.09.30WEBWordPressプラグイン利用で、オリジナルシェアボタンを簡単設置。
2016.08.10EC注目のキッズファッション!楽天の参考デザインまとめ、子供服サイト10選。
2016.07.15DESIGNロゴだけでも変更しとこ!WordPressのログイン画面を簡単カスタマイズ。
新着記事を配信しています
FacebookやGoogle+で新着記事を配信しています。よろしければ「いいね!」や「フォロー」をお願いします。