はてなブログ無料版では広告が表示されますが、この広告はブログ閲覧者の閲覧体験と収益を両立できるよう掲載箇所を選定しています。はてなブログProをご利用の方がご自身の広告を掲載するには、はてなの広告を非表示とし、同じ場所に掲載することをおすすめします。
もっとも推奨する箇所は
- PC、スマホとも「記事下」
- PC版では「サイドバーモジュール」
- スマホ、アプリでは「記事タイトル下」
これらになります。
もっともおすすめは「記事下」で、慣れてきたらサイドバー、記事タイトル下への掲載もお試しいただくと導入しやすいです。
広告の掲載手順は下記ヘルプにご案内しています。
はてなブログのヘルプ「Google Adsense広告を設置する
Google Adsenseでは「ディスプレイ広告」を選択し、広告サイズは「レスポンシブ」に設定すれば、広告サイズは自動調整されますので、それぞれサイズ調整は不要です。
Adsenseで広告コードを取得した後、管理画面の「デザイン設定」を開き、所定の箇所に取得した広告コードを貼り付けて配置します。
■PC版の設定
設定画面の左メニュー上部のスパナのアイコンをクリックし、カスタマイズ画面を開いてください。
・記事下に広告を配置する
カスタマイズメニューの「記事」を開き「記事上下のカスタマイズ」のうち「記事下HTML」の<P>…</P>と書かれている欄に取得したコードを貼り付けます
・サイドバーモジュールに広告を配置する
カスタマイズメニューの「サイドバー」→「モジュールを追加」を開き「</>HTML」を選択した後に<P>…</P>と書かれている欄に取得したコードを貼り付けます。タイトルは空白でも問題ありません。
■スマホ版の設定
設定画面の左メニュー上部のスマホのアイコンをクリックし、カスタマイズ画面を開いてください。
・記事下に広告を配置する
カスタマイズメニューの「記事」を開き「記事下HTML」の<P>…</P>と書かれている欄に取得したコードを貼り付けます
・記事タイトル下に広告を配置する
カスタマイズメニューの「ヘッダ」を開き「ブログタイトル下」の<P>…</P>と書かれている欄に取得したコードを貼り付けます。このとき「スマートフォン用にHTMLを設定する」を選択してください。
はてなブログのヘルプでは、他にもブログタイトル下など広告掲載が可能な箇所を紹介していますが、レイアウトの調整が難しかったり、画面占有率が高くなりすぎるなど不都合が生じることもありますので、特にはてなブログProをご利用の場合は上記箇所への掲載をお試しください。
※広告掲載にあたってのご注意
広告は読者にとって有益な情報を提供することにもつながりますが、掲載の方法によっては読者体験を損ね、ブログからの離脱にもつながります。Googleでは公式にポリシーが定められており、違反する広告が見つかった際には広告配信が停止されるなどペナルティがあります。
このような広告はポリシー違反になりますのでご注意ください。
❌誤タップを狙う
❌記事本文などの通常のコンテンツと被っている
❌「クリックお願いします」といった文言をそばに置く（アドセンス広告付近に不適切な文言をいれるのはNGですので、原則なにも文言は置かないことをおすすめします）
その他にも、
❌記事の途中への広告の掲載（閲覧環境によって記事の一部が読めなくなることがあります）
❌ ポップアップ広告
❌広告を多数掲載しすぎている（画面の30%以下を目安にしてください）
などは、ユーザー体験の観点から望ましくありません。
その他にも、広告配信サービスが独自にルール違反となる行為を定めていることがあります。規約やガイドラインを確認し、ルールを守って広告掲載を行なってください。