↓Tweet※この内容はjQuery1.4.3に準拠します。その他のVer.では動作確認していません。Mobile、便利ですよね。Adsenseとの相性が最悪。Adsenseのコードを普段通り書き込んでも上から数えて最初の2,3個しか表示されません。Adsenseの規約に同一ページ内に表示できる同一種類のAdsense広告は3つまでと決まっていから。それ以上コードを書き込んでも大きなスペースが空くだけで肝心の広告は表示されません。これでは単にソースを重たくするだけで何の意味もない。日本語、英語と色々ググってみましたが主流なやり方は2つですが、問題が色々。Adsenseを設置する上での諸問題点と、今回紹介する3つ目の裏ワザ的な方法を紹介します。1)jQueryのAjaxでのページ遷移をオフにする方法。ソースに以下の一行を書き加えるだけ。Mobileの利点を消し去っているようなものです。デフォルトでれば部分的にソースを読み込んで差し替えているだけですが、Ajaxを切るということは遷移の度に全ソースを読み込んで表示しています。広告のソースも貼り付ける分だけ書き込まなければならないのでクライアントによってはモッサリ感が半端じゃない。その他にも色々と問題があるようでそれについては下記のブログに詳しく書かれています。Mobileでajaxを無効にしてるやつに一言いっておくか|へっぽこプログラマーの日記2)Adsense広告をiframe内に表示するやり方は以下のとおり。@thorikiこのソースはsectionタグがあるあたり1.4.3より古いバージョンみたいですが適宜書き換えましょう。他にも英語ソースのStackOverflowやjQueryのフォーラムにも似たようなソースがありました。これは結構良さそうと思ったのですが、試していません。Googleのフォーラムに以下のような書き込みがありました。AdSenseコードを張り付けました。iframeを利用したら当現象はおきなくなりました。配置することも禁止されます。」との記述があり、iframeを使用することに若干抵抗があります。他に良い解決策はありませんか?またポリシー違反にならないかを教えてください。内に広告を埋め込むことは認められませんのでご注意ください。いうわけでこの方法、かなり浸透しているものの実は規約違反。そこでこれらの問題を両方パスできる今回の裏ワザです。3)HTMLタグの外側に広告を埋め込む。その処理が適応される範囲外、つまり<HTML></HTML>の外側に書いてしまえば良いのではないか。その要素のpositionをfixにしてz-indexにjQM内で使われている最大値より大きな値をセットすればどの要素よりも優先的に表示されます。ページが遷移しても広告は切り替わりません。広告の読み込みもリロードしない限り1回きりなので3つの方法の中では読み込み速度も一番軽いと思います。遷移しても表示されている広告はそのまま。CSSだけで表示場所も好きに移動可能です。//広告コードはそのままでOK。center;}.footer{//フッター上部に余白を作り要素の被り防止margin-top:100px;}//広告コードはそのままでOK。[]).push({});</script></div><html>//HTML内容</html>まさにHTMLのルールをブチ破った型破りな裏ワザ。利点はCSSとHTMLだけでjQueryや広告のJavaScriptを改変しなくていいので凄く簡単。この方法で設置したものがこちら。5には思い切り弾かれるでしょうが、それが一体どれだけページ品質に悪影響を及ぼすかなんてたかが知れています。MobileさんかGoogle様を責めて下さい。どの方法を選ぶかはあなた次第。1)の方法でjQueryの利点を殺して、ユーザーに更なるモッサリ感を与えてまでAjaxを無効にする。2)の方法で最悪Adsenseの利用を制限される可能性があるが、Google様の定めた規約を破る。3)形骸化されたルールを無視して1)と2)の問題をパスする。僕は今回紹介した裏ワザ、3)の方法で設置しています。大丈夫だと思いますがググっても同じ方法で設置している人は見つからなかったので、何か問題が起こり次第当ブログにて報告致します。※何故か表示される時とされない時(内部リンクから飛んだ時)がある問題については現在調査中。ほっといたら直ってるのでGoogleサイドの問題かなーと思います。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。Experienceが立ち上がる件。素人でもすぐに分かる!アイスホッケールールまとめ。22ビューRBGからRGBA(白背景)に変換する方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。