無料版はてなブログへのアドセンスの貼り方について。スマホとPCで広告の表示を切り替える方法と貼る位置についての記事です。2016年にはてなの仕様変更でレスポンシブデザインにしてもスマホでは広告が３つになってしまいました。なんとかPCだけアドセンスを貼り付ける方法を探しまくったのでリンクをまとめておきます。
[toc]
無料版はてなブログ×レスポンシブデザイン×アドセンスの正解
結論から書くと、
・PCの記事ページに最大2つアドセンスを貼り付けることができる。
・レスポンシブデザインで普通に２つアドセンスを貼っているままだと仕様変更のため、スマホは広告が多すぎて規約違反になる可能性あり。
・スマホは無理なのでアドセンスはあきらめる。
です！
無料版でもレスポンシブにすることでアドセンス貼り付け可能（だった）
こちらのブログにも書かれている通り、以前は、はてなブログ無料版のアドセンス広告が配置できました。通常広告がPC１つ、スマホ３つになっているのですが、レスポンシブデザイン（PCとスマホで同じデザインを表示させること）にすることで、スマホの広告表示がPCと同じ１つになるので、記事ページに２つアドセンス貼れたんです。
（アドセンスは３つまで）2016年規約が改定されて1ページ当たりのアドセンス数の上限は撤廃されました。ただし、広告だらけになるのはGoogleさん的にはNG。
記事下シェアボタン前にアドセンスを入れることができるという話も載っています。
アドセンスの貼り方について、こちらのブログも興味深く読ませてもらいました。
突然の仕様変更！
レスポンシブにして、記事下に貼ればいいのねと思ったら最近仕様が変更されていて、そんな簡単な話ではないようです。
レスポンシブデザインでも、スマホでははてなが出している広告が３つ（以上）表示されるようになってしまいました。Googleadsenseはアドセンス広告が３つを超えて表示されるとまずいらしいです。はてなの広告はアドセンスとそれ以外の広告とランダムに出しているみたいですが、はてなの広告が全部アドセンスだったら自分のアドセンスを貼った時点で規約違反になっちゃいます。
でもレスポンシブデザインは変えたくない
じゃあレスポンシブデザインやめてPCだけにアドセンス貼れば良いじゃん、となると思います。もしくはProにしちゃうか。（はてなはさんはそれを狙ってるんでしょうか？）ただ、もうすでにいろいろカスタマイズしちゃってるわけです。いろいろCSSを変えすぎていて、今からPCだけにデザインテンプレートを適用していい感じにカスタマイズを修正できる自信がありません。スマホのデザインが変えられないのもさみしいし。
やりたいこと
PCでは記事下（シェアボタン前）に横に並べて2つアドセンス表示させる。
スマホでは非表示もしくは楽天かAmazonのモーションウィジェットを入れる（モーションウィジェットは入れるとページの読み込み時間が長くなると書かれていたのでちょっと迷ってます）
参考にしたリンクまとめ
参考にしたリンクをまとめておきます。
こちらのブログではスマホで非表示にする方法が書かれています。（画面の幅で見ているらしい）
さらに同じ方ですが、PCとスマホで別の広告を表示させる方法を書かれています。
こちらの方も書かれています。非表示・切り替えどちらもできるようです。
このリンクもやってみましたが、WordPressだけみたい。
wp_is_mobile()でAdSenseの表示を制御する | 初心者にもおすすめ！無料 WordPress テーマ Principle
表示サイズと配置を変える方法について書かれています。
まとめ
無料はてなブログのレスポンシブデザインでアドセンス広告を貼ると、スマホが広告だらけになってGoogleアドセンスの規約違反になってしまう可能性があるので要注意です。PCのみでアドセンスを表示させて、スマホで非表示にすることができるのであれば、アドセンスは貼り付けできそうです。今回ご紹介した記事を参考にしたらなんとかできそうかと。
このあたりのリンクをいろいろためしてみて、なんとかPCのみでアドセンスを貼ることに成功しました。長いので次回の記事で詳しめに書く予定です。