メニューと本文の間にAdSenseを配置したい

このブログは WordPress で Simplicity のテーマを使用して AdSense を配置しているのですが、テーマを修正して配置することにしました。

AdSenceの収益を追求するなら、本文中に挿入するのが良さそうなことが他のブログには書かれていましたが、なんとなく記事中に広告があるのは、私的にちょっと抵抗がありました。

なので、タイトル下で、記事より上の位置が良いかな~と以下のようなのをイメージしました。
普通のレクタングルだとスマホ表示した場合に初期画面一杯に表示される可能性があり、この時に規約違反になってしまうので、配置するのは横長タイプのレスポンシブルの AdSense です。

ADS配置イメージ

これを実現するために、以下のような設定とテーマファイルの修正を行いました。

テーマのカスタマイズ:サイドバートップに設定

テーマのカスタマイズ

テーマのカスタマイズ:完全レスポンシブルデザインに設定

テーマのカスタマイズ-レイアウト

テンプレートの修正:sidebar.php
以下のように5行目の広告表示をコメントアウトして、サイドバートップの AdSense を非表示化

テンプレートの修正:header.php
以下のように、id=”main” の div タグの直前に div タグと AdSense のコードを挿入

テンプレートの修正:footer.php
以下のように、先頭に div の閉じるタグを挿入

テンプレートの修正:子テーマの style.css
以下のスタイルを挿入

で、出来上がりはこんな感じ

出来上がり

シェアする

  • このエントリーをはてなブックマークに追加

フォローする