【Blogger】レシポンシブWEB対応したら広告の表示ではまった。

2013年4月24日水曜日

Blogger

t f B! P L

かなり限定された話ですが。

BloggerをレシポンシブWEB対応させるため、kubeというCSSのフレームワークを使いました。

これを使ったらアドセンスの表示がおかしくなってしまったよ。というお話し。

こんな感じ。

スクリーンショット 2013 04 30 8 18 2

kubeについてはこちら。

Kube CSS framework for professional developers



このフレームワーク、結構面倒なレシポンシブWEBのCSS設定をやってくれて便利なのです。

こんな感じで、画面サイズにあわせてグリングリン出来ます。

スクリーンショット 2013 04 30 8 22

スクリーンショット 2013 04 30 8 23

スクリーンショット 2013 04 30 8 24


で、いろんなサイトみてもGoogleのAdsenseの表示が途中で止まってしまうように見える問題とその解決方法なるものがのっていなくて、困りました。

そりゃまぁそうですよね。

こんな問題に直面するほうが珍しい。

僕の環境だけかもしれませんので、全ての方に当てはまるかわからないのですが、kube側のiframe部分の指定を削除したら治りました。

こんな感じ。
三箇所あったので全て削除。


スクリーンショット 2013 04 30 8 27
スクリーンショット 2013 04 30 8 27

スクリーンショット 2013 04 30 8 28


ちゃんと表示された。

スクリーンショット 2013 04 30 8 29

広告の表示がおかしい場合、ifame部分のCSSを疑ってみるとよいかもしれません。

以上です。

過去の記事

ラベル

アプリ (545) iPhone (485) mac (244) 買い物 (89) 番外 (87) ブログ (74) 書評 (68) 写真 (64) Blogger (63) 仕事 (55) webサービス (51) 生活 (50) todo (38) tips (36) rss (33) DVD (24) DraftPad (23) music (19) 外食 (14) 機種変更 (14) メール (13) ニュース (12) お出かけ (11) まとめ (11) アクセス解析 (11) HTML (9) ドラマ (8) vba (7) 絵本 (7) Excel (6) Textwell (6) web (4) libreoffice (3) twitter (3) 勉強 (3) basic (2) 素材 (2)

ブログを検索

QooQ