1. TOP
  2. スティンガーで記事一覧にアドセンス広告を挿入する方法!

スティンガーで記事一覧にアドセンス広告を挿入する方法!

ワードプレス この記事は約 3 分で読めます。

記事ページでの広告の配置については、以前に最適化できるプラグインについて紹介し、詳しく記事でまとめました。


 

そこから発展して、今回はトップページの記事一覧で、アドセンス広告を挿入する方法についてです。

スティンガーはトップにあまり広告が出ない

デフォルトでも記事本文については、しっかりと広告を配置してくれるスティンガーですが、トップはそんなでもないんですよね。

ヘッダー画像の直下に配置してくれるくらいです。

2014-12-21_222829
※モザイクばっかで申し訳ないです。

 

一画面に3つ配置できるので、これだとかなりもったいない感があります。
まあ、ウィジェットとかで配置すれば良いんですが、どうせなら記事一覧に仕込みたいですよね。

グノシーとかがよくやってるような、「普通の記事かと思ったら実は広告だった」という戦法です。

相当ハードルが高そうに感じますが、やり方を解説してあったので、改めてここでまとめていきます。

 

設定方法

まずはダッシュボードにアクセスし、「外観」→「テーマの編集」をクリック。

2014-12-21_222855

次に「home.php」をクリックします。

2014-12-21_222916

そして赤で囲った部分を全て書き換えます。

2014-12-21_222948

場所については、Ctrl+fで「have_posts」と検索すれば、すぐに見つかると思います。

書き換えるコードは下記。

<?php if (have_posts()) :$ransuu = rand(1, 5);
while (have_posts()) : the_post(); $loop_count++; ?>

 

イメージとしてはこんな感じです。

2014-12-21_231435

あとは広告を追記する必要がありますが、追記は同じく「home.php」に行います。
場所は下記の赤枠。

2014-12-21_223227

元から空行が入っており、あえて編集してません。
これも「/entry」で検索すれば、比較的簡単に見つかるんじゃないかと。

ここは書き換えじゃなく、追記になります。

 

赤枠内に、下記全てのコードを追記してください。

<?php if ( $loop_count == $ransuu ) : ?>

<?php if(is_mobile()) { ?>

スマホ表示用のアドセンス広告

<?php } else { ?>

パソコン表示用のアドセンス広告

<?php } ?>
<?php endif; ?>

 

広告のサイズは任意ですが、
スマホは横幅が300を超えると切れちゃうみたいです。

 

ちなみに僕は、
スマホ:横300×縦100
PC:横500×縦150

で設定してます。

 

イメージはこんな感じ。

2014-12-21_223626

最後に「ファイルを更新」をクリックすれば、設定完了です。

 

表示イメージはこんな感じですね。

2014-12-21_225208

赤枠の所がその広告です。
でも、設定した後で文字だけの広告の方が良かったかな、と思っちゃいました・・・(笑。

\ SNSでシェアしよう! /

LSCの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

LSCの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

関連記事

  • AddQuicktagの設定方法やカスタム方法を画像付解説!

  • WP External Linksで自動的に別ウィンドウで開く!

  • WordPress Related Postsの質問への回答

  • 無料テンプレはスティンガーがオススメ!設定方法を画像付解説!

  • Social Media TabsでSNSを有効活用!導入方法は?

  • Broken Link Checkerでリンク切れをチェック!