気楽に生こう

そのとき、そのときの、楽しいことを

グーグルアドセンスの広告枠を、一番最初の大見出しの前と記事終わりのすぐ下に、自動で表示させるようにする方法

f:id:NUu:20170329140835j:plain

Google AdSenseの審査に通りました!\(^o^)/ヤッター!

 

そして早速、Google AdSenseの広告をこのブログにも表示させようと思ったんですけど、やり方がよく分かんない!!

 

ってことで色々と何時間も調べまして、、、

やっとこさ表示させることができるようになりました!

 

今日はその参考にさせていただいた、分かりやすかったブログをまとめてご紹介します! 

(同じように悩んでいる方へ、助けになればなと思いまして)

 

f:id:NUu:20170329140045j:plain

 

(皆様のアドバイスを元にこの記事を修正しました!

教えて頂いた皆様、ありがとうございました!)

 

目次

 

参考にさせていただいたサイト

てつ (id:mutant-tetsu)さんのブログの、この記事がとても参考になりました!てつさん、ありがとうございます!(^^)!(僕が書いているこの記事も、てつさんの ↓ の記事を元に進めていきます!)

www.mutant-tetsu.com

 

併せて、これらの記事もとても参考になるので、

前もって読んでおくことをオススメします!

 

●Google AdSenseに登録する所から、はてなブログに設置するまでをわかりやすく解説されています。『アドセンスの広告枠の作成方法』もこの記事内にありますので、熟読しておいてね☆

www.mutant-tetsu.com

『アドセンスの広告を3つ貼るのなら、3つ分の広告枠を用意する理由』などもとても参考になります!

 

(アドセンスの広告枠は、『導入文上(この記事では『大見出し前』とします)』・『記事直下①』・『記事直下②』などのように、分けて作っておくと良いそうです!)

 

●Google AdSenseのおすすめの広告枠サイズとおすすめの設置場所については、コチラの記事を!

www.mutant-tetsu.com

てつさんが、グーグルアドセンスの配置場所を色々と試した結果、収益が増えたと実感したのは、下記の配置だそうです!

 

導入文の後(最初の大見出しの上)に1つ、記事直下に2つ

 

ということで、このブログでもその位置に、グーグルアドセンスの広告を表示するように設定しました!

 

そしてこの記事ではその位置に、グーグルアドセンスの広告を自動で表示させるやり方を説明していきます!

 

(※スマホ画面の場合、アドセンス広告を2つ連続で表示させるのはいけないことなので、この記事では大見出しの前に1つ、記事直下に1つ、自動で表示させる方法を書いていきますね!

 

Google AdSenseの広告を自動で表示させるようにする方法

大見出し(一番最初)の前に1つ

まずは、U太郎 (id:uxlayman)さんのこの記事に行ってください。とても簡単なやり方を作ってくれています!

uxlayman.hatenablog.com

 

手順を説明すると・・・

 

①(『大見出し前』用の)Google AdSense広告コードを作成する

グーグルアドセンスの広告枠の作成方法は、てつさんのこの記事を見まくってね☆

 

( ↑ のU太郎さんのブログ記事内にある)【自動動配置用広告コード】のフォーム内に、①で作成したグーグルアドセンスの広告コードをコピペする

このフォームね!ここにコピペ!

f:id:NUu:20170329160906j:plain

(ちなみに僕は1行目の <p>広告</p> と、最後の行の <p></p> は消しました)

 

てつさんのこの記事によると、

www.mutant-tetsu.com

『広告』や『スポンサーリンク』の文言は、別に表示させなくても大丈夫とのことです!

 

③自分のブログで、自動で表示させたい位置(挿入箇所)を選ぶ

一番最初の大見出しの前に自動で表示するようにしたいので、『全体の50分の1の箇所にある』『大見出し(h3)』の『前』に設定!

f:id:NUu:20170329161826j:plain

(※50分の1という大きな数値にした理由は、とりあえずそんぐらいにしておけば、大体の記事で一番最初の大見出しの前に表示されるだろうと思ってやってみました!そして今の所うまく表示されているのでそうしていますが、これが正しいことなのかどうなのかは知らないです!)w

 

④【作成!】ボタンを押す

すると、あなた用のコードが表示されます

f:id:NUu:20170329163243j:plain

 

⑤その表示されたコピペ用完成コードを、【はてなブログ】→【デザイン】→【カスタマイズ】→【記事】→【記事下】にコピペします

 

⑥【はてなブログ】→【デザイン】→【カスタマイズ】→【記事】→【記事ページをプレビュー】ボタンを押して、一番最初の大見出しの前に、広告が表示されていればOKです!

 

これであなたのブログ全記事の

 

一番最初の大見出しの前に、

Google AdSenseの広告が自動で表示されるようになったはず!

 

こんなかんじに!

f:id:NUu:20170331091048j:plain

(導入文の後、いちばん最初の大見出しの前に表示されるようになります)

 

レスポンシブデザインのテーマを使用している場合は、スマホ画面にもこんなかんじで表示されます

 

f:id:NUu:20170331085925j:plain

いいね!☆

 

記事終わりのすぐ下に1つ

記事の終わりのすぐ下に、Google AdSenseの広告を表示させたい人は、てつさんのブログでも紹介されていた、チップ (id:chipsforest)さんのこの記事がとても参考になります!

chipspd.hatenadiary.jp

 

まずは、

(『記事直下』用の)Google AdSense広告コードを作成します!

グーグルアドセンスの広告枠の作成方法は、てつさんのこの記事を要チェックやで!!

 

そして、 ↑ のチップさんのブログ記事内にある

設置方法の所のコードを使わせてもらいましょう!

 

f:id:NUu:20170329172322j:plain

 

このコードの『※ここにアドセンスのコード貼り付け』の所に、

自分のGoogle AdSenseの広告コード(【記事直下】用に作成したもの)をコピペしてください

 

<div id="my-footer">

※ここにアドセンスのコード貼り付け

</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>

 

(するとこんな感じになるかと思います)

f:id:NUu:20170331100817j:plain

 

そしたら上のコードを、【はてなブログ】→【デザイン】→【カスタマイズ】→【記事】→【記事下】にコピペします

 

【はてなブログ】→【デザイン】→【カスタマイズ】→【記事】→【記事ページをプレビュー】ボタンを押して、記事の終わりのすぐ下に、広告が表示されていればOKです!

 

これであなたのブログ全記事の

 

記事の終わりのすぐ下に、

Google AdSenseの広告が自動で表示されるようになったはず!

 

こんなかんじに!

f:id:NUu:20170331101939j:plain

(はてなスターやSNSシェアボタンの上の位置に表示されるようになります)

 

レスポンシブデザインのテーマを使用している場合は、スマホ画面にもこんなかんじで表示されます

 

f:id:NUu:20170331103645j:plain

これまた、いいね!☆

 

おわりに

この設定を一度してしまえば、後はいつものように記事を書くだけで、毎回自動で表示されるようになるのでとっても便利です!!

 

(後で広告のサイズを変更したくなった場合にも、記事下に入れた今回のコード部分を書き直すだけで全ての記事に一括反映されるので、後のことを考えても、とても楽だと思います!)

 

また何か、はてなブログのことで分からなくて、設定に何時間もかかってしまったことなんかがあれば、分かりやすくまとめたいと思います!

 

この記事が誰かの助けになりますように☆

 

それじゃあ、

またねん!(´∀`)ノ"

 

f:id:NUu:20170324214328j:plain

 

この本も参考になったよ!はてなブログの使い方がわかりやすく書いてあるのでオススメ!☆

 

レビュー記事も書きました!気になってる人は要チェック!!

www.kiraku-life.com

 

こっちは全てのブロガーさんにおすすめな本!

www.kiraku-life.com

 

 

このブログについて

その時、その時の、楽しいこと。

みんなも楽しめそうなこと。

みんなの役に立ちそうなことを書いています。

読者登録してもらえると更新の励みになります!

よろしければ、どうぞよろしくお願いします(´∀`)b

ツイッターでも更新をお知らせします!(´∀`)b