Vaster2｜アドセンスのコードを入れる場所！広告の設置方法。

みなさんこんにちは、そえパパです！
今回はVaster2でGoogleアドセンスを利用する時のコードを入れる場所についてのお話です。

Bloggerの日本語テンプレート「Vaster2」のアドセンスのコードを入れるところは「<more>タグの下」と「記事の一番最後」の２カ所。どこにコードを入れればいいかを解説していきますね。

Bloggerだと自動的にコードが改変される

以前はBloggerのテンプレートにGoogleアドセンスのコードを入れようとすると「XML の解析中にエラーが発生しました。」とエラーが出て保存できない状態になっていましたが、現在ではそのままコピペしてもエラーが出ることはなくなったようです。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

「async」という書き方がBloggerでは認められず「async='async'」と修正する必要がありました。この修正も必要なくなりエラーもでないのですが、記述方法は以前のままのようで、自動的にBloggerに適した形のコードに修正されるようになりました。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-XXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

これがコピーした状態のアドセンスのコード。

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='XXXXXXXXXX' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

保存して読み込み直すとこの状態に変わります。コードが全体的に変わってしまいますが特に問題は無いのでそのままでOKです。

アドセンスのコードを設置する

テンプレート内をカタカナで「アドセンス」と検索してみてください。画像と同じところに移動するはずでず。

Vaster2の場合は２カ所アドセンスのコードを貼付けるところがあります。上の画像の位置にコードをコピペすればいいのですが別々に広告ユニットを作り、それぞれコードを取得するようにしてくださいね。同じコードでも差し支えはないのですが、同じコードを使ってしまうと広告が何回クリックされたかの回数が合計されたものしかわからなくなってしまうからです。ユニットごとに収益を管理すればどこに配置するのが効果的か判断できますからね。

画像にも書き込んでいますが、上の部分に入れたコードは記事内で<more>タグを入れたところに自動的に挿入されて、下の部分にコードをいれると記事下に広告が出ます。

注意点は<more>タグを記事に入れ忘れると記事下の広告と本文の間に入ってしまうので、記事を書く時は<more>タグを入れるのを忘れないようにしましょう。

アドセンス以外のコードを入れてもOK

先入観でアドセンスのコードを入れるところと思ってしまいますが、他のコードを入れてもかまいません。

例えば<more>タグのところに自動で挿入されて便利なものには「目次」があります。目次の自動生成スクリプトのコードをアドセンスのコードの前に入れれば、記事の「序文」から始まり「目次」「広告」「本文」と続くようになります。このブログもVaster2を使っているのでここに目次のスクリプトを入れています。

記事の最後に入れたいものは人それぞれですが、にほんブログ村やアルファポリスなどのブログランキングを利用している方はここにバナーのコードを入れると記事ごとに自動でバナーが入るようになるので便利ですよ。ブログのランキングをやめてもテンプレートから１カ所消すだけでいいので管理も楽チンです。

まとめ

初めてアドセンスを導入する時はホントにここにコードを入れていいのか迷いがち。Vaster2の場合はわかりやすくしてあるのですごくありがたいですね！<more>タグのところに自動的に挿入してくれるのもとっても便利！アドセンス以外にも使い道があるので色々と試してみましょう。

今日のお話はここまで！
それではまたお会いしましょう〜

Vaster2 アドセンス