スポンサーリンク

いじって楽しむブログでは記事下にダブルレクタングルを入れていますが、
WordPressテーマ賢威でダブルレクタングルを入れる方法を紹介します。

注意するポイント1、デスクトップとモバイル環境

賢威はレスポンシブデザイン対応でWPTouchなどのプラグイン無しでも
スマートフォンやタブレット表示に対応できますが、
スマホでダブルレクタングルを入れた記事を表示するとアドセンスは
縦に2つ表示されてしまい、プログラムポリシー違反となってしまいます。

なので、モバイル環境ではアドセンスは1つにする様に
振り分けをする必要があります。

モバイル環境(スマホ・タブレット)とデスクトップ環境の振り分けはWordPressの
wp_is_mobile関数を使用するので画面サイズの違うタブレットとスマホで
同じ様に表示されます。

なので、画面サイズによってアドセンスの表示が変わるのでモバイル向け
アドセンスはレスポンシブ広告ユニットにすると良いと思います。

注意するポイント1、スポンサーリンクを表示する

記事下にアドセンスを表示させると記事とアドセンス広告との混同する事があるので
必ず表示せる様にします。

サイドバートップなど記事やメニューと離れている場合などは
スポンサーリンク表記は無くても良いかもしれません。
心配なら入れた方が安心です。

また、アドセンス プログラムポリシーでは画像の下にアドセンスを入れる事を
禁止しているので、記事最下部に画像があった場合もポリシー違反となってしまいます。
なので、スポンサーリンクは記事と広告の区切りにもなるので、必ず表示させましょう。

前はスポンサードリンクでしたが、現在はスポンサーリンク表記に変わった様です。
スポンサードリンクは飲み物と間違える方が居るみたいです。

賢威で記事下にダブルレクタングルにする方法

挿入するには単一記事の投稿(single.php)を編集します。

<!--本文-->
<?php the_content(); ?>
<!--/本文-->
</div>
<!--/article-->

これが本文の終わりなので <!--/article-->の下に入れます。
シェアーボタンなどを入れている場合は、その下に挿入します。

コードはこちら

<?php if ( function_exists('wp_is_mobile') && wp_is_mobile() ) :?>
<!-- スマホ・タブレット -->
レスポンシブ広告ユニット
<?php else: ?>
<!-- デスクトップ -->
<div>
レクタングル中
レクタングル中
</div>
<?php endif; ?>

このままだとメインカラムの幅が足らないのでlayout.cssを編集します。

2カラムの場合だと
.col2r #sidebar{ width: 29.5%; }
.col2r #main-and-sub{ width: 66.8%; }
を修正します。

@eaxjpは上の様にしていますが、環境により修正してください。


あとがき

レクタングル中は別々の広告ユニットにしておくとどちらが効果が高いのか分かるので
おすすめです。

明らかに効果が無いなら、別のアフィリエイト広告に変えて別の位置にアドセンスを
入れた方が良いかもしれません。