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

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

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

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

ワードプレスのテンプレートをSTINGERにする方法は、
こちらの記事でやり方を説明しています。

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

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

アドセンス申請についてはこちらで詳しく書いています。

 

アドセンスの1次審査にパスしたら、
まずはアドセンスのページにアクセスします。

 

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

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

 

アドセンス管理ページ

ログイン後、ページ左上のアイコンをクリックします。

 

広告ユニット作成

その後、「広告の設定」をクリックします。

 

アドセンス管理ページ

「広告ユニット」をクリックします。

 

新しい広告ユニット

「新しい広告ユニット」をクリックします。

 

広告ユニット作成ページ

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

 

名前

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

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

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

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

 

広告サイズ

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

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

 

広告タイプ

「テキスト広告とディスプレイ広告」を選択します。

 

テキスト広告のスタイル

広告スタイルの選択

「デフォルト」を選択します。

 

カスタムチャンネル

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

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

 

カスタムチャンネルの作成

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

 

カスタムチャンネル

「名前」に「広告名」に入力したものと同じ名前を入力して、
「保存」をクリックします。

 

カスタムチャンネル

「選択したカスタムチャンネル」に作成したカスタムチャンネル名が表示されます。

 

広告ユニット作成ページ

最後に「保存してコードを取得」をクリックします。

 

広告コード

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

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

 

広告ユニット一覧

一覧から「コードを取得」をクリックすることで、
再度広告コードを表示することが できます。

 

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

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

広告ユニット

 

広告ユニットの一覧表示

作成された広告枠は、画面左上のアイコンをクリックすることで一覧できます。

 

広告ユニット一覧

広告ユニット一覧

広告ユニット一覧

広告ユニット

 

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

アドセンスの管理ページで作成した広告ユニット2つ(スマホ用、パソコン用)を
ブログに設置していきます。

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

テンプレートを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

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

 

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

アドセンスブログスマホ

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

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

 

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

さらにこちらの無料メール講座では、
アドセンスを活用して初心者でも1からブログで稼ぐ方法を教えています。

 

こちらの無料メール講座では質問にもどんどんお答えしていきますので、
アドセンスの設定やブログのことでや分からない気になることがありましたら、
気軽に何でも聞いてくださいね!

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

この記事へのコメント

  1. さん

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

    • netadmin さん

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

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

  2. さん

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

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

    空白ではないのですが。

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

    御指南お願い致します。

    • netadmin さん

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

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

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

      • さん

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

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

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

  3. 後藤 さん

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

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

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

    • 椎名 大 さん

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

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

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

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

      • 後藤 さん

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

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

コメントを残す

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