【簡単】はてなブログで記事内にGoogleアドセンス広告の貼り方について

f:id:keitoh0626:20191006000217j:plain 


「Googleアドセンス広告収入は表示位置で決まる!」と言われています。
 

 

そんな中で、

 

  • 「表示位置はわかったけど、貼り方がわからない。」
  • 「どうやって記事中に貼ればいいの?」

 


とお悩みの読者もいらっしゃるかもしれません。

 

 

そこで今回は、はてなブログにおいて記事内に自動的にGoogleアドセンス広告の貼り方について紹介したいと思います。

 

 

具体的には、

 

  • 記事中の初めの見出しの上に貼る方法
  • 最後の見出し(まとめ)の終わりの下に貼る方法

 


の順番で紹介します。ぜひ参考にしてみてください。


 

この記事は5分で読めます。



アドセンス広告を設置する場所

具体的に、今回は以下の場所に広告を設置する方法について紹介します。



f:id:keitoh0626:20191005233917p:plain





Googleアドセンスに受かったはいいけど、どの部分に貼るのが効果的かわかりませんよね。





いっぱい貼るのもなんだか読み手の邪魔になりそうで、気が引けますよね。




じゃあどこに入れるのが良いのでしょうか。




実は、目次下にアドセンスを入れるのが、一番注目度が高く、読んでて気になりにくいと言われています。






ですので、以下で貼る方法について説明していきます。




記事内の目次下(初めの見出しの上)に広告を貼る方法



目次下に広告を貼るためには以下のコードを使います。



ーーーーーー


<!-- 最初の見出し前にアドセンスを配置 -->
<script>// <![CDATA[
addEventListener("DOMContentLoaded", function() {
var $target = $('.entry-content > h3');
$target.eq(0).before($('.insentence-adsense'));
}, false);
// ]]></script>
<div class="insentence-adsense">
<p style="text-align:center;" >スポンサーリンク<br>

※AdSense広告コード貼り付ける場所

</p>
</div>
<!-- 最初の見出し前にアドセンスを配置ここまで -->


ーーーーーー



上記のコードをコピーします。



f:id:keitoh0626:20191005234352p:plain

f:id:keitoh0626:20191005234355p:plain

f:id:keitoh0626:20191005234345p:plain

f:id:keitoh0626:20191005234348p:plain



そして、赤矢印の<記事下>部分にコピーしたコードを貼り付けます。


好きな見出しの上にするには(余談)

好きな見出しの上に広告を貼りたい場合は、先ほどのコードの1部分を変えます。



具体的には、「$target.eq(0).before($(‘.insentence-adsense’));」の「0」の数字の部分を1.2.3…と大きくしていけば、好きな見出しの上に貼ることができます。




また、見出しの上に毎回広告を貼りたいのであれば、上記のコードを<記事下に>見出しの数だけ貼り、数字を変えていけば、広告を付けることができます。




最後の見出しの(まとめ)の終わりの下に貼る方法


記事下に広告を貼るには以下のコードを使います。



ーーーーーー

<!--記事下アドセンス-->
<div id="my-footer">
<p style="text-align:center;" >スポンサーリンク<br>

※AdSense広告コード貼り付ける場所

</p>
</div>
<script>
var myFooter=document.getElementById("my-footer");var temp=myFooter.cloneNode(true);myFooter.parentNode.removeChild(myFooter);document.getElementsByClassName("entry-content")[0].appendChild(temp);
</script>
<!--記事下アドセンスここまで-->


ーーーーーーー


これも先ほどと同じで、コピーして、<デザイン>→<記事>→<記事下>の部分に貼り付けてください。



記事内にアドセンス広告の貼り方まとめ

 

今回は、2か所、Googleアドセンスの貼り方について紹介いたしました。

 

 

ブログの長さによって、広告を貼る場所や数も変わってくると思います。そのときは、説明したようにコードをいじって工夫してみてください。(なんかかっこいい。笑)

 

 

読者様のブログ運営に少しでも役立てれば嬉しいです。ぜひ、参考にしてみてください。

 

 

今回も最後まで、ありがとうございました。