STINGER7で記事下にGoogleアドセンス広告を設置する方法を解説

トレンドブログを運営して収益を得る際には主にGoogleアドセンスのクリック課金型広告を使っている人が多いかと思います。

ブログ記事の中に数個の広告を挟む事でクリックして貰って収益を得るという方法です。

ブログに広告を設置する際にはワードプレスのプラグインを使用する事で設置可能なのですが、

記事本文の終わりに広告を設置する場合はテーマを編集しないと広告の設置が出来ない事が多いと思います。

今回の記事では、ワードプレスの無料テーマ「STINGER7」にGoogleアドセンス広告を記事下に設置する方法について解説したいと思います。

1 アドセンス広告ユニットを作成する
2 STINGER7で記事下にGoogleアドセンス広告を設置する方法を解説「まとめ」

アドセンス広告ユニットを作成する

まず初めに、Googleアドセンスの広告ユニットを作成します。

Googleアドセンスにログインし、広告の設定⇒広告ユニット⇒新しい広告ユニットの順にクリックして下さい。

「新しい広告ユニット」をクリックした後に広告の種類が出ますので、以下の広告を選択してください。

広告ユニットの名前を任意に決めて下さい。

広告のサイズは「レスポンシブ」を選択します。

問題がなければ「保存してコードを取得」をクリックします。

広告コードが表示されていますよね。

赤枠部分のコードをコピーして保存します。

上記の広告コードに付け加えて新しいコードを作成します。

<center>Sponsored Link<br>
<style> .example { width: 300px; height: 250px; }
@media(min-width: 340px) { .example { width: 336px; height: 280px; } }
</style>
（先ほど取得したコードを貼り付ける）
</center>

上記のプログラムはパソコンやスマートフォンどちらで見ても広告のサイズを同じように表示されるためのプログラムです。

上記プログラムを付け加えると、以下の様になります。

<center>Sponsored Link<br>
<style>
.example { width: 300px; height: 250px; }
@media(min-width: 340px) { .example { width: 336px; height: 280px; } }
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– test –>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-000000000000000″
data-ad-slot=”0000000000″
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>

「Sponsored Link」と言う表記はGoogleアドセンスの規約で間違って広告をクリックしない為の表記として必ず表示させなければいけないものなので、忘れずに入れましょう。

<center>と</center>でコードを挟んでいる理由は、広告を記事の中央に寄せる為のコードですので、見栄えとクリック率にも影響するので必ず中央寄せにしておきましょう。

最後に上記の広告コードにもう一つ変更する部分があります。

「“adsbygoogle”」の部分を「“adsbygoogle example”」に変更して下さい。