あんこぱんのつぶやき

格安SIMフリースマートフォン、モバイルアプリ、ウェブサービスの情報ブログ

【はてなブログ】Googleアドセンスを設置する方法

 

スポンサーリンク

どうもこんにちは、ブログ住人のあんこぱんです。

以前の記事ではてなブログProにAmazonアソシエイトIDを設定する方法をご紹介しました。

【はてなブログ】AmazonアソシエイトIDを設定する方法 - あんこぱんのつぶやき

そこで今回は、はてなブログProにGoogleアドセンスを設置する方法をご紹介します。

f:id:ankopan01:20150217165510p:plain

Googleアドセンス

Googleアドセンス

Webサイトの内容に関連のあるWeb広告を自動的に配信し、Webサイト運営者に広告収入を支払うサービス。Google社がWebサイト運営者に対して提供しているサービスである。
Google AdSenseを利用する場合、申し込みをした後で、Googleの提供するJavaScriptを自身のWebページに埋め込むと、Googleから配信されるWeb広告を自身のWebサイトに掲載できる。広告料はWeb広告のクリック回数に応じてWebサイト運営者に支払われる。

Googleアドセンスの広告作成

※Googleアドセンスの利用には、Googleに申し込みをし、承認を得ることが必要です。詳しい内容は次のブログがとても参考になります。

  • Googleアドセンスにログインし、広告設定>新しい広告ユニット、をクリックします。
  • 広告の名前を入力後、設置したい広告サイズを選択し、「保存してコードを取得」をクリックすると広告コードを取得できます。

f:id:ankopan01:20150217161705p:plain

以上がGoogleアドセンスの広告作成方法です。

はてなブログProヘの広告貼り付け

PC用ページへの貼り付け

  • 「ダッシュボード>デザイン>レンチマーク>記事」をクリックします。
  • 記事上下のカスタマイズ項目が表示されますので、いずれかにGoogleアドセンスで作成した広告コードを貼り付け「変更を保存する」をクリックします。

f:id:ankopan01:20150217161821p:plain

以上でPC用ページへのGoogleアドセンスの設置は完了です。

スマートフォン用ページへの貼り付け

  • 「ダッシュボード>デザイン>スマホマーク>記事」をクリックします。
  • 記事上下のカスタマイズ項目が表示されますので、いずれかにGoogleアドセンスで作成した広告コードを貼り付け「変更を保存する」をクリックします。

f:id:ankopan01:20150217161828p:plain

以上でスマホ用ページへのGoogleアドセンスの設置は完了です。

まとめ

今回の方法は、記事上下のほか、サイドバーなどにも設置ができます。また、Amazonアソシエイト、楽天アフィリエイトも同様に設置ができます。

なお、GoogleアドセンスはPC用ページは1ページ3広告まで、スマートフォン用ページは1画面表示内に1広告という制限がありますので注意しましょう。

ちなみスマートフォン用ページにGoogleアドセンスを設置する場合は、画面サイズにあった広告が表示されるレスポンシブがオススメです。