AdSense」を利用しているブロガーの皆さんに朗報です!Google社が「GoogleAdSense」の広告コードのガイドラインを変更し、AdSense広告コードの変更ができるようになりました!AdSense広告コードの変更ができるようになった背景には、レスポンシブ・ウェブデザインの浸透、ユーザからの問い合わせ、要望、質問が多く、AdSense広告コードの既存のガイドラインを変更したようです。ガイドラインが変更され、広告コードを柔軟に変更することが可能になり、サイトの利便性が向上されることは確かですね。AdSense」の広告ユニットの配信分けが、一部のコードを改変が認められたことにより柔軟に対応することが可能になっています。皆さんも、「GoogleAdSense」の配信に悩んだ方多いのではないでしょうか。ヘッダーにPC用にはビッグバナーを表示すると、モバイル端末でアクセスすると当然ながら広告がはみ出てしまったり。デバイス幅に応じて、広告ユニットの配信を変更したいけどコードの改変はAdSenseポリシー違反になるので出来なかったり。私も、以前は、PC用とモバイル端末向けに広告ユニットの配信を分けていましたが、最近では、タブレット端末も増えてきているので、PC向けにビッグバナー(728×90)を配信し、iPad向けには(468×60)のバナーを配信、iPhone向けには(300×250)の広告ユニットを配信するとなると、PC向けとiPhoneは正しく広告ユニットが切り替えられているが、iPadは(728×90)のビッグバナーが表示されたりと、かなり悩んだことがあります。Googleでは、今回の一部コードの改変が認められたことにより、上記のような広告ユニットの配信が容易に可能となっています。レスポンシブ対応となっているがGoogleのページを見るとレスポンシブ対応となっていますが、ブレークポイントが切り替わっても動的には広告ユニットは変わらないので、再読込が必要となっています。実際にAdSenseコードを記載する前に「ブレイクポイント」を決めましょう。ブレイクポイントとは、画面サイズ毎にCSSレイアウトを設計する際の境目です。当サイトのTOPページの、記事上にあるヘッダー広告ユニットは以下のブレイクポイントを設定し、広告ユニットの配信を切り替えることにしました。今回は、TOPページの記事一覧の上に「GoogleAdSense」のコードを設置します。role=”main”>の下に以下のコードの一部の値を自分の環境に合わせて変更し、挿入します。if条件文で、広告ユニットの配信を振り分けています。if前のコードがデフォルトのコードとなります。以下のコードだと、320以上768未満の場合、(320×50)の広告ユニットが配信、768以上1100未満の場合、(728×90)の広告ユニットが配信されるフローとなります。TwentyTwelveの場合、画面幅「960」で作成されているので、(728×90)の広告ユニットだとはみ出すと思うので、(468×60)の広告ユニットが良いとおもいます。自分のGoogleAdSenseコードの管理IDを記載します。GoogleAdSenseコードに記載されている「google_ad_client」の値を入力します。自分のGoogleAdSenseコードの広告ユニットの管理IDを記載します。GoogleAdSenseコードに記載されている「google_ad_slot」の値を入力します。自分のGoogleAdSenseコードの広告ユニットの管理IDを記載します。GoogleAdSenseコードに記載されている「google_ad_width」の値を入力します。自分のGoogleAdSenseコードの広告ユニットの管理IDを記載します。GoogleAdSenseコードに記載されている「google_ad_height」の値を入力します。「GoogleAdSense」のコード設置を終えたら実際に、確認してみましょう。実機で確認する他に、以下のサイトでデバイス幅に応じてサイトを確認することができます。Queris」と以下のコードを「style.css」に記述しましょう。queries」の下に以下のコードを記載します。ブレイクポイントはiPhoneの最大幅「480」に設定しています。padding,margin値はお好みに変更していただければと思います。AdSense参考書籍GoogleAdSenseのにいては、以下の書籍に分かりやすく書かれているので、お勧めです。@in44y1SNSでフォローしようTwitterFacebookFeedlyこの記事を書いた人in44y海外ボクシング情報を中心に書いているブロガー。年末に2000フォロワーを達成することが目標!最新の海外ボクシング情報は、twitterでつぶやきます。AdSense」を変更することをお勧めします。Twelveでモバイルバナーを設置する方法」をご覧ください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。