JAZZとカメラと、ときどきデッサン

ジャズとカメラと絵が大好きなサラリーマンが、お気に入りのものを色々紹介していくブログ

【はてなブログ】アドセンスを目次上、見出し上、記事下に自動挿入する方法

f:id:raiguiter:20190211112105j:plain

(この記事は2019年3月14日に更新しました)

 

どうも!いまだにブログの設定に四苦八苦している、らいです。

 

先日、はてなブログのアドセンスの配置を見直しました。

 

最初はあまり考えずに設置していましたが、配置の仕方によっては、収益が2倍、3倍となっていくみたいです!

ほんと、配置の仕方で全然違うみたいです!

 

ちなみに最初に設定していたアドセンスの配置は、以下の3点でした。

 

1.記事上のリンクユニット

2.目次上のレスポンシブ

3.記事下のレスポンシブ(標準だと関連記事の下に表示される)

 

色々調べている内にこのアドセンスの配置はユーザーから見て、目立ちにくく読み飛ばされやすいということを最近知りました。。。

 

何故かというと、、、

 

記事上は、、、
ユーザーが最初に目にするところです。そこに広告があったらあなたなら見ますか?私は確実に見ません。さっとスクロールして飛ばしますね。なので、記事上の設置は控えたほうが無難です。

 

目次上は、、、
記事の導入文を読んだ後なので、記事の内容に関係しそうな広告ならクリックするかもしれません。しかし、関係しない広告ならここもスルーされるでしょう。なので、広告が1つだけしか表示しないレスポンシブは、クリックされることが少なそう。

 

記事下は、、、
特にコードをいじらずにそのままアドセンスを貼りつけすると、なんと、関連記事やシェアボタンの下に広告が表示されます。本当に広告が目立ちません!というか広告があること自体に気付かないことも。。。これは早急に改善が必要です!

 

というわけで、どこがいいか色々調べました。

アドセンスの配置はグーグルで「はてなブログ アドセンス 配置」とでも検索すればたくさん出てきます。

そして調べた結果、この配置が良さそうだったので、以下のように変えました!

(配置に関しては色々な意見があるので、どこがいいかは自分で判断が必要です)

 

1.記事上のリンクユニット

  →削除(ユーザーからの見やすさを重視して不要と判断)

2.目次上のレスポンシブ

  目次上のリンクユニット(導入文を読んだ後なので関心を持ってもらいやすい)

  →目次上のレスポンシブに戻しました(全くクリックされることが無かった…)

3.記事下のレスポンシブ(標準だと関連記事、シェアボタンの下に表示される)

  →関連記事、シェアボタンのすぐ上に表示されるようにした

4.【追加】見出し上のレスポンシブ(記事上よりはマシかな)

 

では、さっそく自動挿入する方法を紹介していきます!

 

 

アドセンスを自動挿入する方法

「アドセンス、目次上、はてなブログ」で調べると、検索で一位に表示されていたので、以下のサイトの方法を思い試してみました!

www.friends-peace.com

目次上、見出し上、記事下もコピペ出来るコードが書いてあったので、このサイトで全部事足りるやん♪と思っていました。

 

しかし!

 

見事に目次上、見出し上、記事下も全部思うように表示されませんでした!

 

うそつけー!と叫びたくなりました。

(私の知識不足だったらごめんなさい)

 

なので結局、自分で調べ直しました。

 

 

以下に、私が直接試してちゃんと設置できた参考サイトだけ置いておきます。

 

見出し前に自動で挿入する方法

このブログでは自動配置用広告コードを作ってくれるツールを公開してくださっています。どこの見出しの前に設置するのか、など細かく設定できるようになっていますので、説明文をよく読み使用してみてください。

本当に神ツールです!素晴らしい。

uxlayman.hatenablog.com

 

目次上にリンクユニットを自動で挿入する方法

 目次上に設置するには、「見出し前に自動で挿入する方法」と全く同じツールを使います。

その裏ワザは、以下のサイトを参照しました。

atumetaize.com

コツを簡単に説明すると

見出しのコードは「.entry-content h3」と表示されるので、それを目次のコード「.table-of-contents」に置き換えるだけ!

なんと簡単!

私はこれで一発でうまく設置できました。

他にも気を付ける点がありますが、参照したサイトを見ていただくと分かると思います。

(以下、2019年3月14日追記)

リンクユニットが全くクリックされることが無かったので、レスポンシブに戻しました。(他のレスポンシブはちょこちょこクリックされていた)

もっとアクセスがあったら効果があったかもですが、アクセスが少ない内はレスポンシブ広告がいいかもです!

 

記事下(関連記事、シェアボタンの上)に自動で挿入する方法

このサイトの方法を試したら一発でできました。

やっとアドセンスが目立つようになりました(笑)

www.mutant-tetsu.com

 

まとめ

検索一位のサイトを見ても、うまく設置できませんでしたが、自分で調べ直すとなんとか思うようにアドセンスを設置することができました。

これで、アドセンスのクリック率が少しでも上がってくれるのを祈るばかりです。

(まだまだアクセス自体が少ないので、クリック率がどうこう言っても仕方ないんですがねw)

 

私のようにうまく設置できない人は是非一度試してみてください!