100均の【おすすめ商品】153選!!

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

f:id:NUu:20170329140835j:plain

こんにちは!カエル(@_kaelu)です!\(^~^)/ゲロゲロ ♪

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

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

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

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

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

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

 

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

てつ (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

これまた、いいね!☆

おわりに

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

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

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

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

それじゃあ、

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

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

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

→ はてなブログ Perfect GuideBook!良い本だから感想を!☆

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

→ ブログの教科書は 全ブロガー必見!! あなたのブログの 精神的な相棒となる!!

6 Comments

sumabiani

Google AdSenseおめでとう御座います。
申請はこちらのブログでされたんですか?
私も申請の準備を考えてるんですがseesaaでブログ作って申請しないといけないのかなと考えているところです。

返信する
NUu

>すまなび (id:sumabiani)さん へ
コメントありがとうございます!
はい!このブログでしましたよー!
はてなブログをProにする→独自ドメインにする→グーグルアドセンスに申し込む→申し込んだら次の画面で「このコードをあなたのブログに貼り付けてください」と出るので貼り付ける→貼り付けると「お客様のサイトを審査しています。サイトの審査には最大で3日かかります。審査が完了次第、メールでお知らせいたします」と出るので、結果を待つ!!
っていう流れでしたよー(´∀`)b
(ちなみに僕の場合は1週間後に承認の合格メールが届きました!)
何か参考になれば幸いです!(^^)b

返信する
sumabiani

カエルさん
返信ありがとうございます。
なるほど、勉強になります。
自分も色々調べてたんですが、必須事項が独自ドメイン、広告無し、画像無しと書いていたので記事が貯まったら一度広告と画像を全部消してPro+ドメインという流れかなぁ~とか考えてます。
seesaaのブログなら無料ブログでもドメイン付けれるというので、あっちでアドセンス取得だけしてこようかなとも考えているところです。
最近ブログとか始めたばかりなので今後ともお役立ち情報お願いします♪

返信する
NUu

>すまなび (id:sumabiani)さん へ
独自ドメインにして、しかも最初がwww.じゃないといけないらしいですね!
(僕も色んな人の「こうしたら審査通ったよー」の記事を見たんですが、みなさん言ってることがバラバラだったし、「ええい!もうダメで元々じゃ!」と申請してみたらすんなり通っちゃいました!ちなみに記事内に画像も普通にありましたし、商品紹介のリンクも普通に貼ってました。ただ、目次や見出しをつけたり、読者さんが見やすいような工夫はしてたつもりです!)
seesaaのブログのことは知りませんでした!そんな方法もあるんですね!
僕もまだまだ初心者なのでやっていく中で分からなくて、これは誰かの役に立つんじゃないかな!と思ったことがあれば記事にしていきますねー!
コメントありがとうございました!(^^)
そして昨日はグリーンスターをありがとう!!\(^o^)/!!嬉しかったです★

返信する
imuh

初めまして!スターありがとうございました♥︎
そしてアドセンスおめでとうございます!!!
私もグーグルアドセンス登録したいー( ; ; )
ですが、はてなブログプロにしないと出来ないですよね。審査も厳しいみたいなので、本当にすごい!
プロにしてからもドメインやらの設定などがあり、頭が痛くなりそうでまだプロには移行できていません!

返信する
NUu

>みっぷう (id:imuh)さん へ
はじめまして!こちらこそコメントありがとうございます☆
そうですね!独自ドメインにしないといけないので、はてなブログProは必須ですね(^^)
でも個人的には、以前よりは審査がゆるくなってるように思いますよー!意外とすんなりいけちゃうかもなので、みっぷうさんも「今だ!」と思ったらチャレンジしてみてください(^_-)-☆

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です