ひまな時に書いてます

ひまろぐ

WordPress 備忘録 全記事

超簡単!WordPressのテーマ『STINGER PRO』の記事一覧ページにグーグルアドセンス広告を設置する方法

投稿日:

Google AdSenseには「インプレッション収益」という、クリックされなくても表示されるだけで発生する収益があります。

クリックがゼロなのに、1円とか2円とか収益があるアレです。(ペナルティーを受けている時にもあるようですが・・・)

私も本ブログでは今まで記事ページにだけアドセンス広告を貼っていましたが、アクセス解析を見るとトップページへのアクセスも結構多いです。

せっかくアクセスがあるので、アドセンスを貼っておけばいくらかの「インプレッション収益」は期待できそう。

クリック単価に比べれば安いですが、表示されるだけで良いので可能な限り表示させるほうがいいと思います。

ということで今回は「記事一覧ページ」へグーグルアドセンス広告を設置する方法を書いていきます。

スポンサーリンク

 

正直言って私は、テーマ編集については、全く分かっておりません。ただ色々な人のカスタマイズを見ていて、もっと簡単に説明されたものがあっていいと思って今回記事にしました。

私のテーマは「STINGERPRO」ですがおそらく他のテーマでもやり方は一緒?なので参考にして下さい!

本ブログの記事一覧ページは、こんな感じです。

記事と記事の間に、グーグルアドセンス広告が間に入っています。

こんな感じで仕上げていきます。

見えにくいと思います。

実際の仕上がりをご確認ください。

やり方は簡単です。

まずはじめに、管理パネルから、外観⇒テーマの編集で、「itiran-thumbnail-on.php」の2行目にある

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> のコードを

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $loop_count++; ?> に変更します。

意味は分からなくて結構です。

私にも全く分かりません。。。

そして次に、

「itiran-thumbnail-on.php」の一番下の方にある

</dl>

<?php endwhile;else: ?>

<p>記事がありません</p>

<?php endif; ?>

</div> のコードを

</dl>
<?php if ( $loop_count == 1 || $loop_count == 4 || $loop_count == 7 ) : ?>
<div class="itiran-ad">
<p>スポンサーリンク</p>
ここにアドセンスコードを挿入
</div>
<?php endif; ?>
 <?php endwhile;
 else: ?>
  <p>記事がありません</p>
 <?php endif; ?>
</div>

に変更します。

そして、ここにアドセンスコードを挿入 の箇所に、自分のアドセンスコードを挿入してください。

ちなみにサイズはレスポンシブルにしています。そうするとPCでもスマホでも対応が出来ます。

$loop_count == 1 || $loop_count == 4 || $loop_count == 7」という部分が広告の指定場所になります。

「1番目の記事の後、4番目の記事の後、7番目の記事の後」に、アドセンスコードが挿入されますという意味です。

この数字を0にするとうまくいきません。ご注意を!

ただし、このままでは、少し見た目が整わないので、CSSで見た目を調整します。

CSS編集で下記を追記します。

.itiran-ad { /* 広告用のボックス */
text-align: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #C0C0C0;
}
.itiran-ad p { /* スポンサーリンクの文字 */
font-size: 14px;
line-height: 1em;
color: #999;
margin-bottom: 10px;
}

これで、アドセンス広告の下にドットの線も引かれ、違和感なく体裁が整いますので♪

編集するときには、必ず元をバックアップすることは忘れないで下さい。

スポンサーリンク




スポンサーリンク




-WordPress, 備忘録, 全記事
-, , ,

Copyright© ひまろぐ , 2017 All Rights Reserved Powered by STINGER.