アドセンス広告ユニットの作成手順とワードプレスブログへの貼り方

アドセンス広告ユニットの作成手順とワードプレスブログへの貼り方

アドセンスの管理ページでの広告ユニットの作成方法と広告ユニット(広告コード)をワードプレスに設置する手順について解説します。

この記事の手順に沿って進めることで正しく広告ユニットを作ってブログに貼り付けることができますので参考にしてみてください!

ワードプレスのテンプレートにはSEOにも強くて無料で使えるSTINGERを使用します。

テンプレートをSTINGERにする方法は「アフィリエイトに最適なワードプレステンプレートはSTINGER」が分かりやすいです。

アドセンス広告ユニットの作成

アドセンス申請して審査に通るとアドセンスの管理ページにログインできるようになりますので、まずはアドセンスのページにアクセスします。

 

なかなかアドセンスの審査に通らない人は「アドセンス審査の申請で承認されるブログの作り方」をチェックしてみてください。

 

アドセンスログインページ

画面右上の「ログイン」をクリックして、アドセンス申請したGoolgeアカウントでログインします。

 

自動広告の選択

ログイン後、左メニューの「サマリー」をクリックします。

 

広告ユニットごとをクリック

その後、「広告ユニットごと」をクリックします。

 

ディスプレイ広告をクリック

「ディスプレイ広告」をクリックします。

ここでは他の広告種類を選ぶことができますが、特に「関連コンテンツ」もおすすめです!

 

広告の作成

このページで掲載する広告の種類やサイズを指定します。

 

広告ユニットの名前を入力

広告の名前を入力します。
どのサイトのどの位置の広告なのかが判別しやすい名前がよいです。

例) ドメイン名が「myblog.com」で、

パソコン用のページに設置す る場合は「myblog-pc」
スマホ用ページに設置する場合は「myblog-sp」

のようにすると名前から設置しているサイトと個所を判別しやすくなります。

広告サイズ

設置する広告枠のサイズを指定します。
おすすめは「レスポンシブ」です。

広告サイズがレスポンシブの場合は、画面の幅に合った広告が自動的に選択されて表示されます。

ディスプレイ広告のプレビュー

「スクエア」を選択します。

最後に「作成」をクリックします。

 

広告コードの取得

広告コードが表示されます。

「完了」をクリックすると作成した広告ユニットがリストに表示されます。

 

広告ユニット一覧

一覧から【< >マーク】をクリックすることで、再度広告コードを表示することが できます。

 

同じ手順でもうひとつ広告ユニットを作成します。

椎名
椎名
これでスマホ表示用とパソコン表示用に2つの広告ユニットを作成することができました!

広告ユニット一覧

 

広告ユニットの一覧表示

作成された広告枠は、左メニューの「広告」-「サマリー」をクリックすることで一覧できます。

 

自動広告の選択

広告ユニット一覧

 

 ブログへの広告ユニットの設置方法(パソコン用)

椎名
椎名
作成した広告ユニット2つ(スマホ用、パソコン用)をブログに設置していきます。

ブログテンプレートがSTINGERの場合の設置方法になります。

 

まずはワードプレスの管理ページにログインします。

 

ウィジェット

その後、「外観」→「ウィジェット」をクリックします。

 

ウィジェット

左側にある「テキスト」を右側の「広告・Google アドセンス用336px」のエリアにドラッグ&ドロップします。

 

ウィジェットテキスト

タイトルは空でOKです。

その下のテキストエリアに取得した広告コードを貼り付けます。

<div align=”center”>
スポンサードリンク<br />
(ここに取得した広告コードを貼り付ける)
</div>

このままでも良いのですが、よりクリック率を高めるためにレクタングル型の広告のみが表示されるように一部コードを編集します。

 data-ad-format=”auto”

 data-ad-format=”rectangle”

にします。

auto を rectangle に書き換える形です。

 

そうするとこのようになります。

25

最後に「保存」をクリックします。

 

ブログをパソコンで確認すると、

アドセンスブログパソコン

このようにブログの記事下に2つ広告が表示されます。

※広告が表示されるまでしばらく時間がかかります。
※広告が表示されるまでは空白になります。

 

 ブログへの広告ユニットの設置方法(スマホ用)

広告ウィジェット設置

スマフォ用ページの記事下に広告を設置するには、左側にある「テキスト」を右側の「広告・Google アドセンスのスマホ用300px」のエリアにドラッグ&ドロップします。

 

タイトルは空でOKです。

その下のテキストエリアに取得した広告コードを貼り付けます。

<div align=”center”>
スポンサードリンク<br />
(ここに取得した広告コードを貼り付ける)
</div>

このままでも良いのですが、よりクリック率を高めるためにレクタングル型の広告のみが表示されるように一部コードを編集します。

 data-ad-format=”auto”

 data-ad-format=”rectangle”

にします。

auto を rectangle に書き換える形です。

 

そうするとこのようになります。

25

最後に「保存」をクリックします。

 

スマホでブログを確認すると

アドセンスブログスマホ

このようにブログの記事下に広告が表示されます。

※広告が表示されるまでしばらく時間がかかります。
※広告が表示されるまでは空白になります。

椎名
椎名
以上で、ワードプレスへのアドセンス広告の設置は完了です!

アドセンス広告をワードプレスに設置したら、あとはアクセスを集めるだけでアドセンス収益をどんどん増やしていくことができます。

ワードプレスであれば月10万円以上のアドセンス収益を稼ぐこともできます。

さらにこちらの無料メール講座ではアドセンス収益で月10万円を稼ぐブログの作り方とアクセスの集め方を教えています。

椎名
椎名
ブログやアドセンスのことで分からないことがあれば、質問にもどんどんお答えしていきますので気軽に何でも聞いてくださいね!

分かりやすいと好評の期間限定マニュアルも特別にプレゼント中ですので、ぜひこちらも手に入れて活用してください。

 

カスタムチャンネルの設定方法

カスタムチャンネルはなくてもよいですが、作成しておくことで各広告枠ごとにクリック数などを集計することができるようになります。

ひとまず広告名と同じ名前で作成しておけばよいです。

 

カスタムチャンネルをクリック

左メニューの「広告」-「カスタムチャンネル」をクリックします。

 

新しいカスタムチャンネル

「新しいカスタムチャンネル」をクリックします。

 

カスタムチャンネルの編集

「名前」に作成した広告ユニットと同じ名前を入力します。

「広告ユニット」でカスタムチャンネルに追加する広告ユニットを選んで「追加」をクリックします。(名前に入力したものと同じ広告ユニット)

広告ユニットが複数ある場合は、「広告ユニットの検索」で絞り込むことができます。

 

カスタムチャンネルの編集2

「追加した広告ユニット」にカスタムチャンネルに割り当てられた広告ユニットが表示されます。

最後に「保存」をクリックします。

 

以上で、カスタムチャンネルの設定は完了です。

作成したカスタムチャンネルのデータはアドセンスのレポートで確認できます。

この記事へのコメント

  1. さん

    いつも参考にさせていただいております。
    今回はGoogle Adsenseの審査段階の話なのですが、上記の方法でテキストに貼り付けてもホームページ上で表示されません。
    他に何か考えられる原因はありますか?
    ご指導のほどよろしくお願いします。

    • netadminnetadmin さん

      アドセンスの広告コードは貼り付けてすぐは表示されずに
      空白スペースが表示されます。

      その後数時間くらいしてから広告が表示されるようになりますよ!

  2. さん

    お世話になります。
    椎名様のサイトに出合い参考にさせて頂いています。

    アドセンスコードをスティンガー 導入後に貼り付けて数日立つのですが、サイトを確認するとコードが表示しています。(現在スティンガー プロの使い方がよく理解出来ていません)

    空白ではないのですが。

    まだ広告が表示されていないのですが、この状態で良いのでしょうか?

    御指南お願い致します。

    • netadminnetadmin さん

      ブログにコードがそのまま表示されてしまう場合は、
      コードの貼り付けのところで「ビジュアル」タブに
      入力してしまっているのだと思います。

      「テキスト」タブをクリックして、
      そこにコードを貼り付けると広告が表示されますよ!

      試してみてくださいね^^

      • さん

        お世話になります!
        明けましておめでとう御座います。

        ご指導ありがとうございました!
        表示される様になり嬉しく思います!

        本年もよろしくお願いします。

  3. 後藤 さん

    凄くわかりやすいブログ!毎日拝見させていた出しています。
    アドセンスでわからないことがあります。
    教えて頂けたら嬉しいです。
    【1】
    アドセンスとポイントサイトとは一緒にしてはいけないと聞きました。
    サイト内全てが(1つのドメイン内)ダメなのか。
    サイト内の1つの記事の中に併用がダメなのか。
    こちらが分りません。

    【2】
    ドメインで審査を通過しているため、サブドメインで記事を書き始めました。
    アドセンス広告のコードを、書き始めたサイトに最初から貼り付けています。
    記事をたくさん書いてから、多数のコードを貼るのは大変だからです。
    サイト立ち上げから貼っても問題ないですか。
    【3】
    その際のコードは、ドメインの同じコードを再利用するのではなく、サブドメイン用のコードを
    取得していますがこれであっていますか。

    この3点は、どころ探してもないので分らない人が多いと思うのです。
    図々しく質問ですが、丁寧なブログなのでお返事いただけるのではないかと・・・
    どうぞ、どうぞ、よろしくお願いします。

    • 椎名 大椎名 大 さん

      ポイントサイトへの誘導をしているサイトでしたら、
      例えページ内にポイントサイトへの誘導リンクがなくても
      アドセンスは併用しないほうが安全です。

      既にアドセンスの審査に通っているのでしたら、
      最初から広告コードを貼るのは問題ないですよ。

      ただ、記事中に直接コードを貼るのは、
      あとから管理が大変なので、ワードプレスであれば、
      テーマファイルやプラグインで一括管理するのがおすすめです。

      サブドメイン用のコードを取得するのは、
      それでOKですよ!

      • 後藤 さん

        たくさんの質問の教えて頂きありがとうございます!
        凄くわかりましたた!!感激です。
        どーしても分らなかった1つだけあります。
        もう1度だけ教えていただけますか。

        Aサイト(ポイントサイトなし)の記事内で、
        Bサイト(ポイントサイトお勧め記事有り)を
        を紹介したいのですが、問題ありますか?
        紹介したいサイトの中に、ポイントサイトをお勧めしている記事があるのです・・・

コメントを残す

ご質問&ご感想をお気軽にどうぞ!
メールアドレスが公開されることはありません。