【Google AdSense】自動広告から広告ユニットに変更した話

ブログ

念願のGoogle AdSenseに合格し、広告を設置してみよう!とひとまず自動広告を設定してみました。…が、見え方がどうも好きになれなかったので、広告ユニットに変更しました。
今回はその際の手順をまとめます。

Google AdSenseに合格した時の状況については、先日の記事『【Google AdSense】Google AdSenseに申請1日で合格した時の状況について』をご参照ください。

Google AdSense合格後にしたこと

広告設置の前に下記の2点を実施しました。

  1. 審査用コードの削除
  2. プライバシーポリシーの更新

審査用コードの削除

私はテーマにCocoonを使用しています。
当記事でのWordPressに関する設定は概ねCocoonでの設定になります。

Cocoonの設定からGoogle AdSenseの審査用のコードを削除します。

WordPressの管理画面→Cocoon設定→「アクセス解析・認証」タブをクリックします。
「その他のアクセス解析・認証コード設定」のヘッド用コードから審査用コードを削除します。

審査用コードの削除

プライバシーポリシーの更新

固定ページに作成したプライバシーポリシーの内容にGoogle AdSenseを使用している旨を追記しました。

更新したプライバシーポリシー

自動広告の設定

自動広告の設定は以下の手順で行います。

  1. 自動広告用のコードの取得とWordPressへ設定
  2. 自動広告の詳細を設定し、サイトに適用

自動広告用のコードの取得とWordPressへ設定

Google AdSenseにログインし、「広告」→「サマリー」をクリックします。
「サイトごと」の「コードを取得」をクリックします。

自動広告用コードの取得

「コードをコピー」をクリックし、表示されたコードをコピーします。

自動広告用コードのコピー

WordPressの管理画面→Cocoon設定→「アクセス解析・認証」タブをクリックします。
「その他のアクセス解析・認証コード設定」のヘッド用コードにコピーしたコードを貼り付けます。

自動広告用コードの設定

自動広告の詳細を設定し、サイトに適用

Google AdSenseの「広告」→「サマリー」→「サイトごと」→「すべてのサイト」から該当するサイトの「編集」アイコンをクリックします。

自動広告の編集

自動広告をオンに変更します。

自動広告オン

広告のフォーマットを選択します。
私は「ページ内広告」と「アンカー広告」を選択しました。

自動広告のフォーマット

その他の項目(広告の読み込み、ページ除外)については初期設定のまま、「サイトに適用」をクリックします。

自動広告その他の設定

自動広告がオンになっていることを確認します。

表示確認

少し時間を置いてからPC、スマホ両方から画面を確認します。

スマホからの確認した画面。

表示確認(スマホ)

画面上部に表示されるのが「アンカー広告」、画面中に表示されるのが「ページ内広告」です。

PCから確認した画面。

インデックス画面(ここではホーム)。

表示確認(PC_インデックスページ)

各投稿画面。

表示確認(PC_投稿ページ)

…スマホ、PCともヘッダー下の広告表示がちょっとうるさい…と感じたので、どうにかならないものかと考えました。

Cocoonの広告設定を変更してみる

WordPressの管理画面→Cocoon設定→「広告」をクリックします。

広告の表示位置から関係のありそうな箇所のチェックを外してみます。

参考記事:『cocoon広告設定方法!グーグルアドセンスの上の広告が消えない!

cocoon広告設定方法!グーグルアドセンスの上の広告が消えない!
こんにちは、なっちる先生(@nacchi_jagariko)です。現在、こちらのブログを運営しており、wordpressのテーマはcocoon(コクーン)を使用しています。無事グーグルアドセンスにも通っております。そして審査通過後、いざ広告

その状態で変更を保存して、もう一度、表示確認を行いました。

…が、変化はありませんでした。

自動広告をオフにして、広告ユニットに変更する

思った通りの表示位置にならないので自動広告をやめ、広告ユニットを設定することにしました。

自動広告のオフ

まず、自動広告をオフにします。

Google AdSenseの「広告」→「サマリー」→「サイトごと」→「すべてのサイト」から該当するサイトの「編集」アイコンをクリックします。

自動広告の編集2

自動広告をオフにして「サイトに適用」をクリックします。

自動広告オフ

広告ユニットの作成

参考記事:『広告(AdSense)を手っ取り早く設定する方法

広告(AdSense)を手っ取り早く設定する方法
Cocoonテーマ利用時における、最も簡単なAdSense広告設定方法の紹介です。

Google AdSenseの「広告」→「サマリー」→「広告ユニットごと」をクリックし、「ディスプレイ広告」を選択します。

広告ユニット

ディスプレイ広告の設定をして、「保存」をクリックします。
ここでは広告のタイプを「スクエア」、広告サイズを「レスポンシブ」としています。

広告ユニットの作成

既存の広告ユニットで先ほど作成した広告ユニットを選択し、「コードの編集」アイコンをクリックします。

広告ユニットのコード取得

「コードをコピーする」をクリックし、表示されたコードをコピーします。

広告ユニットのコードのコピー

WordPressの管理画面→Cocoon設定→「広告」をクリックします。

アドセンス設定の広告コードにコピーしたコードを貼り付けます。

広告ユニットのコードの設定

自動広告用のコードの削除

念のため、自動広告用のコードを削除しておきます。

WordPressの管理画面→Cocoon設定→「アクセス解析・認証」タブをクリックします。
「その他のアクセス解析・認証コード設定」のヘッド用コードから自動広告用のコードを削除します。
※審査用コードを削除する手順と同じです。

自動広告用コードの削除

表示確認

少し時間を置いてからPC、スマホ両方から画面を確認します。

スマホからの確認した画面。

表示確認(再_スマホ)

PCから確認した画面。

インデックス画面(ここではホーム)。

表示確認(再_PC_インデックスページ)

各投稿画面。

表示確認(再_PC_投稿ページ)

ヘッダー下の広告表示がなくなりました!

スマホの場合はアンカー広告も表示されなくなりましたが、アンカー広告はできれば下に固定したいので、機会を見て調べた上で再設定したいと思います。

なかなか広告表示が消えない場合

自動広告をオフにして時間を置いても自動広告が表示され続ける場合は、ブラウザの履歴やキャッシュを削除します。

私はスマホではSafari、PCではMicrosoft Edgeで動作確認しています。

その他のブラウザについては「該当のブラウザ キャッシュ 削除」で検索してブラウザごとの設定をご確認ください。

Safariの場合

iPhoneの「設定」→「Safari」を選択します。

Safariの設定変更

「履歴とWebサイトデータを消去」を選択します。

Safariのキャッシュ削除

一旦、ブラウザを閉じて、再度、表示します。

Microsoft Edgeの場合

Microsodt Edgeを開く→「…」→「設定」をクリックします。

Microsoft Edgeの設定

「プライバシーとセキュリティ」→「クリアするデータの選択」をクリックします。

Microsoft Edgeのプライバシーとセキュリティ

消去するデータを選択し、「クリア」をクリックします。

Microsoft Edgeの閲覧データ削除

一旦、ブラウザを閉じて、再度、表示します。

最後に

自動広告はコードをひとつ追加するだけなので設定が非常に楽なのですが、細かな表示場所の調整を行うには広告ユニットを使用したほうがよいということがわかりました。

広告ユニットについても、設定の仕方が分かればそこまで難しいとは感じませんでした。

Google AdSenseを初めて導入する方で広告表示の調整を行いたい場合の参考になれば幸いです。

それでは、ここまで読み進めていただいてありがとうございました。

コメント

タイトルとURLをコピーしました