2019年2月5日こんにちは、ボム君です。今回ははGoogleAdsenseの設定についてのお話です。広告の配置ってみなさんこだわっていますか?私もど素人なのでよく知らなかったんですが、最近いろいろ調べてたらダブルレクタングルという広告配置がなかなかおすすめだというのが見つかりました。設定とか少し面倒だったので、まとめておきますね。記事下の設定変更1:広告ユニット準備2:挿入用コードをコピー3:広告コードを設定4:スマホ用にコードを変更5:コードをコピペデザインCSS設定変更ダブルレクタングルとはレクタングル形式のGoogleアドセンス広告を2つ並べた設定のことです。画面イメージ↓こんな感じで赤枠の箇所のように2つ広告を横に並べることで収益率が上がる言われおり、多くのブロガーさんが記事下にダブルレクタングルで広告設定しています。私が参考にしている八木仁平オフィシャルブログでもダブルレクタングルをやってます。いうことで、このブログでも配置をマネさせてもらいました。設定の仕方はてなブログの設定は以下の箇所を変える必要があります。広告ユニットの準備デザイン変更:記事下デザイン変更:デザインCSS以下が変更の詳細です。記事下の設定変更1:広告ユニット準備ダブルレクタングルはその名の通りレクタングル形式の広告を2つ使って表示します。Adsenseの設定画面で広告ユニットを準備しましょう。選択して、以下の赤枠の箇所をクリック。広告ユニットの画面が表示されます。ここで広告サイズで300×250のレクタングル形式の広告を選択し、名前をつけておきます。※後でどの広告がどの程度クリックされたか分かるように、適当な名前ではなく後で見て分かる名前にするのがおすすめです。記事下に2つ広告を表示するので、もう1つ同じ設定で名前だけ違う300×250のレクタングル形式の広告を用意しておきましょう。以下の挿入用のコードを一旦エディタ(メモ帳等に)コピーしてください。class="synSpecial">&gt;</span>※記事下の広告は収益率が高いということで記事下に入れ込むコードを設定しています。以下のサイトを参考にしました。chipspd.hatenadiary.jp3:広告コードを設定1のコードをエディタにコピーしたら、次に「ここにアドセンスコードを入れる」の箇所を設定したいアドセンスの広告コードに書き換えます。広告コードは1:広告ユニット準備で用意したものを使います。選択して、以下の赤枠の箇所をクリック。赤枠の箇所に表示されているコードをコピーしてきてください。※2の挿入用コード内に記載している「ここにアドセンスコードを入れる」の上側の方が記事下の左に表示される広告、下側の方が記事下の右に表示される広告です。次にPC版とスマホ版で表示を切り替えるように設定をします。何でこんな設定が必要かというと、PC版ではダブルレクタングルで良いですが、スマホ版ではアドセンス広告を2つ並べて表示するのがポリシー違反になるからです。PC版ではダブルレクタングル表示でスマホ版では1つのレクタングル表示にします。取得したアドセンスコードでスマホ版で非表示にしたいどちらか1つの広告コードの以下の箇所を変更します。class="synConstant">"adsbygoogle"</span>この部分のコードを以下のように変更する。以下の赤枠の箇所です。↓これで記事下の設定は完了で、後はデザインCSSの設定が必要です。デザインCSSにコピペしてください。class="synIdentifier">}</span>※このブログではテーマで『ZENO-TEAL』を使用しており、tableを使うと自動で枠線が付いたりするため、非表示化設定等をしています。ここまで終わったら変更を保存してPCとスマホそれぞれで表示を確認してください。PCではダブルレクタングル、スマホでは1つレクタングルで表示されていればOKです。現在PC版はダブルレクタングル、スマホ版はレスポンシブの広告設定にしています。こちらで設定用の記事を書いていますので興味があればどうぞ。【Adsense】記事下広告をPCはダブルレクタングル、スマホはレスポンシブにする方法こんにちは、ボム君です。ブロガーボムクン技術系ブログを中心とした雑記を書いています。