キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

はてなブログの記事中に自動でアドセンス広告を入れる方法

   

はてなブログの記事中に自動でアドセンス広告を入れる方法

はてなブログでも稼ぎたい、キャリコ( @calicocatxyz )です。

あ、あ、すみません野心出ちゃいました。

はてなブログでもやっぱりアドセンスは導入して、少しでも稼ぎたいっていうのが本音です。

その中でも記事中のアドセンスは割と稼いでくれるので、はてなブログにも同じ位置に挿入したいと思います。

それじゃあラテ、よろしくね♪

ラテ

こんにちは、ラテにゃ。

今回はパソコンでもスマホでもコードひとつで表示させられる、はてなブログの記事中に自動でアドセンス広告を入れる方法にゃ。

Ads by Google

設定方法

最初の h2 タグの前に自動挿入する

はてなブログでもキャリコと同じ位置にアドセンスを記事中に表示させるには、最初の h2 タグの前に自動挿入するのがいいにゃ。

そこで調べてみると、はてなブログのある記事を参考にしている人が多くて、そのブログを見れば好きな位置に自動挿入することが出来そうにゃ。

リンクはてなブログで「文中にアドセンス広告を入れる」を自動化する方法

最初の h2 タグの前に自動挿入する方法以外にも色々と表示させられるコードがあるから、好みに合わせて設定するといいと思うにゃ。

ただ、コードを挿入する場所に落とし穴があったから、それを回避する方法にゃ。

記事ではなくてフッタに設定する

まずはこれがコードになるにゃ。

リンク先の記事ではこれを、ダッシュボード → カスタマイズ → 記事上下のカスタマイズ → 「 記事ページのプレビュー 」を設定 → 記事下に設定するって書いてあるけど…

実際は【 ダッシュボード → カスタマイズ → フッタ 】に設定するにゃ!

アドセンスは広告とわかるように設置しなければならないから、広告というラベル表示を広告と共に中央表示させているにゃ。

スマホでも表示させる

【 ダッシュボード → スマートフォン → フッタ 】を開いて、「 PC と同じ HTML を表示する 」にチェックを入れればオッケーにゃ。

パソコンとスマホで広告ユニットを別にしたいのなら、それぞれ広告ユニットを作成して貼り付ければいいと思うにゃ。

まとめ

はてなブログはワードプレスに比べて色々と制限があるにゃ。

そういった中でも先人の知恵を借りることによって、簡単にアドセンスの設置が出来るようになるにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - はてなブログ

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

はてなブログにムームードメインで取得した独自ドメインを設定する方法
はてなブログにムームードメインで取得した独自ドメインを設定する方法

はてなブログデビュー、キャリコ( @calicocatxyz )です。 思うこと …