サクセスクエスト

理想のアフィリエイトブログを追い求めて(WordPressカスタマイズ・プラグイン導入・アフィリエイト日記・初心者・素人格闘記・札幌移住の勧め)

AFFINGER(Ver.20151021)でトップの記事一覧に広告を入れる方法

      2016/02/26

-shared-img-thumb-HOTE86_oyasumitime15234156_TP_Vこのブログの収益はまだ眠りの中にいます(笑)

さて、AdSenseのクリックが入らない現状を打破すべく、この度、広告の配置について会議を開催しました。

会議では活発な意見が飛び交いましたが、結果として全会一致で、最近Yahoo!のスマホ画面でも採用されている様にトップ画面の記事一覧へ、記事と記事の間に広告を入れる形で決定した次第です

尚、会議の出席者は1名です(笑)

当ブログのWordPressテーマは「お金を稼ぐ」に特化したAFFINGER(アフィンガー)です!

(現在はAFFINGER2にヴァージョンアップしております/2016年12月現在)

ということで、その方法について調査しましたが、当ブログのテーマ「AFFINGER」で記事一覧の中に広告を入れる方法は結局のところ見つかりませんでした・・・

Stingerについての情報はかなり多く出ていますが、まだ、AFFINGERのカスタマイズに関する情報は圧倒的に少ないのが現状です

よって、Stinger5の設定方法を参考にチェレンジを試みました!

Stinger5でブログTOPの記事一覧にアドセンスを入れる方法/cv0629

作業にあたっては「cv0629」さんのStinger5の方法を参考とさせて頂きました

先に結論を申し上げます!

Stinger5とまったく同じ方法でOKです!

なので、僕があえて説明するまでもなく、全てcv0629さんのご説明の通りに進めて頂ければOKなのですが、一応、実際の設定画面も交えながらご紹介したいと思います

アフィンガーのヴァージョンは「20151021」です

トップ記事一覧で記事と記事の間に広告を挿入する方法(アフィンガーのカスタマイズ!)

Affingerトップ記事一覧に広告1当初のトップ画面はこのような感じで、最新記事の一覧が表示されています

 

Affingerトップ記事一覧に広告2cv0629さんのご説明の通り、「外観」→「テーマの編集」→「itiran.php」を開き、先ずは上の図の赤枠内の部分を書き換えます。上はまだ書き換え前です

 

Affingerトップ記事一覧に広告2-1

書き換え後です

これに書き換え↓

<?php if ( have_posts() ) : while ( have_posts() ) : the_post();$loop_count++; ?>

 

Affingerトップ記事一覧に広告3次は上の図の赤線矢印の箇所に下記を挿入します

これを挿入↓

<?php if ( $loop_count == 3 || $loop_count == 7 ) : ?>
<div class="toppagead">
<p style="color:#666;margin-bottom:4px;text-align:center;">スポンサーリンク</p>
ここにアドセンスのコードを挿入
</div>
<?php endif; ?>

 

「ここにアドセンスのコードを挿入」の部分に指定のコードを入れます。レスポンシブがおススメです♪

 

Affingerトップ記事一覧に広告3-1挿入後です

 

Affingerトップ記事一覧に広告4続けて「style.css」を開き、一番下の部分に下記を追加して下さい

これを追加↓ 

.toppagead { margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #999;

 

以上で作業は完了です!


Affingerトップ記事一覧に広告5

ブログのトップページを確認すると、記事の間にAdsenseの広告が表示されました♪

尚、広告の表示位置を変えたい場合については(何番目の記事の下に表示するのか?)cv0629さんのブログで非常に分かり易くご説明頂いているのでご確認下さい♪

や~予想よりも見事にできたので一人でニマニマしてしまいました(笑)

この形でどれだけ収益が増えるものか楽しみに見ていきたいと思います♪

尚、このブログはその後、AFFINGERを最新のAFFINGER2ver20151214にヴァージョンアップしております。AFFINGER2の場合「テーマの編集」項目が異なりますので、次回改めてご説明致したいと思います!

この度はcv0629さんには大変お世話になりました。改めて心より御礼申し上げる次第です!

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

 - アフィリエイト