Google AdSenseの導入方法とHUGOで行う設定手順を紹介

Google AdSenseの導入から設定についてHUGOの場合にどのように行うか紹介します。

Ishiguro Suguru

Google AdSense(Googleアドセンス)とは、よくあるWebサイト上の広告を掲載するために、Googleが提供しているサービスです。 Googleアナリティクスと同様に、Webサイトに専用のタグを埋め込むことで広告を表示することができます。(HUGOの場合はGoogleアナリティクス設定の機能が標準で用意されている) 本記事では、Google AdSenseの初期設定の方法およびHUGOでの設定の仕方について紹介します。

Google AdSense の設定

まずはこちらのサイトにアクセスして、Googleアドセンスの初期設定を行います。 利用開始ボタンをクリックして、初期設定を行いましょう。 申し込みにあたって以下の情報を入力します。

  • お客様のウェブサイト:広告を掲載するWebサイトのURLを入力
  • メールアドレス:管理メールアドレスを入力
  • メールの受信設定:上記メールアドレス宛に通知を受け取るか選択

入力後、「保存して次へ」をクリックします。

次に、”国または地域を選択”と利用規約の確認が表示されます。 国は”日本”を選択し、利用規約の同意のチェックボックスにチェックを入れて、”アカウントを作成”をクリックします。

ポップアップが表示されるため、”次へ進む”をクリックします。

以上で設定自体は完了となりますが、ここでGoogleの審査が入ります。 Googleの審査で何をチェックするかというと、広告を掲載するWebサイトがGoogleが定める基準に合格しているかをチェックします。 具体的にどういった点をチェックしているかは不明ですが、Webサイトの掲載内容が有益なものはOKという基準みたいです。

例えば、アダルトコンテンツなどは基本NGで、かつ記事の数もそれなりにないと審査が通らないようです。 私自身もとりあえず本ブログの記事を2つアップロードした段階で申請しましたがNGでした。 基準はよくわかりませんが、本ブログの場合、記事を5つくらいアップロードした段階で再度申請したところ承認されました。 ※独自でドメインを取得していると審査通りやすいかもしれません

Googleの審査が通ると、以下のようにGoogleアドセンスの管理画面で有効になったことが通知されます。 これでWebサイトに広告を掲載できる状態になります。 試しに広告を掲載してみたので、その手順を紹介します。

HUGOの広告掲載設定

おそらく承認直後の状態では、”要注意 - 収益に重大な影響が出ないように、ads.txt ファイルの問題を修正してください。”と画面上に警告メッセージが表示されていると思います。 メッセージの”今すぐ修正”をクリックすると、以下の画面のようにads.txtをダウンロードしてサイトにアップロードするように指示されます。

ads.txtとは何か?については、簡単に説明すると広告詐欺を防ぐためのファイルになります。 詳しくはこちらのサイトなど、ネットで検索すると詳しく解説されているので気になる方は調べてみてください。 まずは画面の指示に従い、ファイルをダウンロードしましょう。

ads.txtは、画面の説明にある通り”サイトのルート レベルのドメイン”にアップロードする必要があります。 HUGOの場合はstaticフォルダの直下に本ファイルを配置しましょう。 この状態でコンパイルすると、サイトマップ"sitemap.xml"と同様にHUGOプロジェクトのルートにファイルが出力されます。

次に、いよいよ広告を掲載する手順に入ります。 Googleアドセンスの管理画面のサイドリンク メニュー内にある、”広告>サマリー”をクリックして”広告ユニットごと”タブをクリックします。

クリックすると以下の画面ように、広告ユニットを選択することになります。 広告ユニットは広告の表示の仕方になります。 今回は”ディスプレイ広告”を選択します。

任意の”広告ユニットの名前”を入力し、広告サイズを選択後に作成をクリックします。 広告サイズをレスポンシブにしている場合は、広告のサイズが動的に変わります。

最後に以下の画面のように、広告掲載用のコードが表示されます。 このコードをWebサイト上の表示したい箇所に埋め込めば完了です。

広告はローカル環境では表示されないため注意してください。 広告が表示されるまでしばらく時間がかかるようですが、ディスプレイ広告の場合は以下の画面左側のように表示されます。

まだGoogleアドセンスの管理画面や利用方法について慣れていませんが、使い方がわかったら順次詳しく紹介していきます。

comments powered by Disqus