【AFFINGER4】アドセンスのインフィード広告を記事一覧に設定する方法

スポンサーリンク


googleアドセンスの審査がやっと通ったので、早速インフィード広告を設定してみました。

設定方法がわからずインターネットで検索するも…2017年8月の現時点でアドセンスの広告の仕様に少し変化があったみたいで、インフィード広告の設定方法をインターネットで検索してもそれ以外の設定方法ばかりでした。

アドセンスで新しく導入されている「インフィード広告」と呼ばれるものをトップページにある記事一覧に設定する方法を紹介している記事が少なかったので、私が使っているテーマ「AFFINGER4」でのアドセンスのインフィード広告の設定方法についてまとめます。

 

アドセンスのインフィード広告タグを取得する

まずは、 TOPの記事一覧に挿入するアドセンスのインフィード広告用のタグを取得します。

 

1.アドセンスの管理画面で「広告の設定」を選びます。

 

2.新しい広告ユニットを作成します。

 

3.作成する広告の種類は「インフィード広告」を選択します。

 

4.自分のサイトのトップの記事一覧に近いデザインを選びます。

 

5.広告ユニット名の入力と各項目でデザインの微調整をしたら、保存してコードを取得します。

 

6.後ほどテーマの編集で挿入するためのコードが生成されました。この画面は開いたままにするか、またはコードをメモなどにコピーして貼り付けておきます。

 

アドセンスのインフィード広告設定で編集するファイル

アドセンスのインフィード広告をトップの記事一覧に設定するときに使うファイルは、AFFINGER4の親テーマ内にあるitiran-thumbnail-on.phpというPHPファイルです。

子テーマで編集するので、まだ子テーマにこのPHPファイルをアップロードしていない場合は、予めサーバー上のAFFINGER4の親テーマ内からダウンロードしておき、さらにサーバー内のAFFINGER4の子テーマへアップロードしておきます。

 

スポンサーリンク


 

AFFINGER4のテーマの編集とインフィード広告タグの挿入

1.Wordpress内のAFFINGER4の子テーマを編集していきます。外観からテーマの編集を選択したら、編集するテーマがAFFINGER4の子テーマになっていることを確認します。問題なく子テーマになっていたら、itiran-thumbnail-on.phpというPHPファイルを選択します。

 

2.4つのコードブロックを挿入していきます。

 

<div class=”kanren <?php st_marugazou_class(); //サムネイルを丸くする ?>”>のすぐ後に、何件ごとに広告を挿入したいのかを指定できる下のコードを挿入します。この場合は3件ごとの指定にしています。

<?php
$ads_infeed = '3'; //何件おきに表示するか
$ads_infeed_count = '1';
?>

 

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>のすぐ後に、下のコードを挿入します。

<?php
if($ads_infeed_count % $ads_infeed === 0){
?>

 

アドセンスで生成した<script>で始まり、 </script>で終わるコードを②のすぐ後に挿入します。

 

④最後に、③のすぐ後に下のコードを挿入します。

<?php
}
$ads_infeed_count++;
?>

 

全てのブロックを挿入したら、ファイルを更新のボタンを押せば下のようにアドセンスのインフィード広告が表示されるようになります。

 

アドセンスのインフィード広告の下と次の記事のブロック間に空白を設定

次の記事のブロックとアドセンスのインフィード広告のブロックの間に隙間がなくバランスが悪い場合があるので、マージンと呼ばれる空白を設定してバランスを整えます。

挿入するコードは下のようにアドセンスのインフィード広告コードを囲おうように上に<div style=“margin-bottom:20px”>を挿入して、アドセンスのインフィード広告コードの終わりに</div>で終わります。

「20px」の部分の数字でマージンの幅を調整できるので、大きかったり小さかったりした場合は数字を変えて調整してください。

<div style="margin-bottom:20px">

ここに③のアドセンスのインフィード広告コードがあります。

</div>

 

まとめ

アドセンスの申請をするときに色々検索してたら、挿入方法もたくさん載っていたので安心していましたが、インフィード広告の設定方法はまだあまり見かけていなかったので少し焦りました。

そんな中、下のケー (id:photoblg) さんの記事を見つけて何とか設定できました。とても分かりやすくて助かりました。

 

 

アドセンスのインフィード広告は今までの広告に比べて、記事に溶け込みクリックが期待できるとのことなのでぜひ設定しておきたい広告ですね。

 

【2017年8月更新】アドセンス審査に必要な記事数と通過までの期間などは?

2017.08.28

 

スポンサーリンク