ココカラブログ

良かった!を共有する雑記ブログ

MENU

【広告の種類別】アドセンス広告をはてなブログに貼る方法

f:id:spine-bend:20221016230316p:image

 

Googleアドセンスの使用を始めたものの、「はてなブログに広告を貼る方法が分からない...」という方もいるのではないでしょうか。

 

本記事では、Googleアドセンスの審査に1回で合格した私が、はてなブログにアドセンス広告を貼る方法を写真付きで分かりやすく解説します。

 

コードの貼り付け位置まで詳しく解説するので、貼り方が分からなくて困っている方はぜひ最後までご覧ください!

 

★このブログについて★                          ハナです。「こんな情報ほしかった」「使って良かった」ものを中心に、経験談を踏まえて紹介しています。ぜひゆっくりとご覧ください^^

 

アドセンスの登録がまだの方はこちらをご覧下さい▼

 

アドセンス広告の種類

そもそも、Googleアドセンスの広告にはいくつか種類があります。種類を把握した上で、自分のサイトに貼りたい広告を選びましょう。もちろん複数を組み合わせてもOKです。

 

サイトごと

  • 自動表示広告

広告ユニットごと

  • ディスプレイ広告
  • インフィード広告
  • 記事内広告
  • Multiplex広告

広告の種類

①サイトごと

自動表示広告

サイトを読み込んで設定すると、サイトに合わせて自動で広告が表示されます。

ページを飛んだ時に全画面で出てくる広告も自動表示広告で設定できます。

自動表示広告の例

 

自動表示広告はこんな人におすすめです

  • すぐに広告を表示させたい
  • 広告のカスタマイズが面倒

 

②広告ユニットごと

「広告ユニットごと」では以下の4つの種類の広告を貼ることができます

ディスプレイ広告

サイト内(記事上、記事下、サイドバーなど)に広告を貼ることができます。

記事上広告の例
インフィード広告

下の画像のように、記事一覧のページに広告を組み込めるのがインフィード広告です。自然に溶け込ませることができるのでクリックされやすいというメリットがあります。

インフィード広告の例
記事内広告

記事の途中に広告を貼ることができます。記事の最初、最後、途中どこでも可能です。

記事内広告の例
Multiple 広告

2×4=8個くらいの商品が表示されます。複数の商品が表示されるため、クリックされやすいです。

 

「広告ユニットごと」はこんな人におすすめです

  • 自分の好きな位置に広告を貼りたい
  • 記事内に広告を貼りたい
  • Multiple広告を貼りたい

 

アドセンス広告のはてなブログへの貼り方

ここからは広告の貼り方です。先程紹介した種類別に紹介していきます。

★貼る広告の種類は上のタブから選べます★

自動表示広告の貼り方

①左のメニューから「広告」を選択し、上の「サイトごと」のタブをタップ

②右下の鉛筆のようなマークをクリック

③「自動広告」のバーをクリックして右にする

 

④広告をカスタマイズ 

表示させたい広告のバーを右にします

 

各項目の概要は以下の通りです。左にプレビューが表示されるので、確認しながらOFFにしたり ONにしたりしてみてください 

  • ページ内広告

記事と並んで表示される広告です。サイトを開くとかなり目立つ位置に表示されます。

  • アンカー広告

画面の下に固定されて出てくる細長い広告です

  • モバイル全画面表示

ページが遷移するときに表示される広告です

 

⑤広告の数を変更する

右の「広告掲載数」から表示する広告の数を変更出来ます。バーを左右に動かして左上の「○個のページ内広告」で数を確認しましょう

 

④「サイトに適用」をクリック

これでサイトに適用されます

 

「広告ユニットごと」の広告の貼り方

先程もお伝えした通り「広告ユニットごと」には4つの種類がありますが、手順は大体同じです。今回は、例としてディスプレイ広告の貼り方を解説します。

 

①上のタブから「広告ユニットごと>ディスプレイ広告」を選択 

 

②ブログに合わせて広告をカスタマイズ

ここでは、

  • 広告サイズ
  • 形(スクエア・横長・縦長)
  • 広告の名前

を設定します。

私はサイズはレスポンシブ、名前は「サイドバー」にしました。

レスポンシブにしておくと、自動で最適なサイズで表示してくれるため便利です。

また、広告を貼る位置ごとに名前をつけると、収益の分析が場所ごと(サイドバー・記事上・記事下)に出来るので便利です。

設定が終わったら「作成」をクリックしてください。

 

④コードを取得

画面に戻ると今作った「サイドバー」という名前の広告が出来ています。ここの< >から広告コードを取得できます 

 

⑤はてなブログに広告コードを貼り付ける

サイドバーに貼りたい場合、ダッシュボード>デザイン> >サイドバー>ーを追加>HTML に貼り付けます

 

その他の種類の広告コードの貼り付け場所は下で解説しています!

ディスプレイ広告

・記事下 

デザイン>スパナマーク>記事>記事下HTML

・記事上 

デザイン>スパナマーク>記事>記事下HTML

・サイドバー

デザイン>スパナマーク>サイドバー>モジュールを追加>HTML

 

記事内広告

記事を書く際に、HTML編集で表示させたい位置に貼り付けます

 

Multiplex 広告

記事の記事下HTML

 

【必見】はてなブログにおすすめの広告

個人的には、以下の組み合わせがおすすめです。

  • 自動広告をOFFまたは一部のみ
  • ディスプレイ広告で記事上とサイドバー
  • 記事内広告で2つくらい
  • Multiplex広告を記事下

 

同じ場所に2種の広告コードを貼ると2個連続で広告が表示されて広告を押している感じが出てしまうので、1つの場所に1つの広告を選んで貼るのがいいと思います。

 

全体的に見て多すぎてもブログが見にくいですし、少なくてもクリックされにくいため、バランスを見ながら調整しましょう。

最後に

今回はアドセンス広告の貼り方を詳しめに解説してみましたが、いかがでしたでしょうか。

Googleアドセンスは収益化の第一歩なので、ぜひ思い通りにカスタマイズしてみてくださいね

それでは今回はこの辺で失礼します(^^)

 

★この記事を読んだ人にオススメの記事TOP3★