WORDPRESS

Googleアドセンス「記事内広告」の作り方を1から解説【広告コードの取得方法/おすすめの設定例】

Googleアドセンス「記事内広告」の作り方 アイキャッチ



あずきです🐥

Googleアドセンスにおける…

「記事内広告」の作り方(広告コードの取得方法)

について、ブログ初心者さん向けに1から解説していきます

ちなみにこの記事ページの最上部でも掲載しているのが、まさに「記事内広告」です

いわゆるオーソドックスな「ディスプレイ広告」と比べると、記事内のコンテンツにより馴染んだ広告デザインになってオススメです

このブログでも、記事内のアドセンス広告は基本この「記事内広告」を採用してるよ

で!

具体的には3つのポイントで見ていきます

  • 【本題】記事内広告のコード取得方法
  • 【補足①】作成済みの記事内広告コードを、あとから再表示する方法
  • 【補足②】作成済みの記事内広告を、あとから再編集する方法
 
簡単だよ!

さっそく見ていきましょー🐥

 

はじめに

大前提として、「Googleアドセンス審査」に合格している必要があります

Googleアドセンスのお申し込み手順はこちら ↓

Googleアドセンスの審査に新規申請する手順 アイキャッチ
【テストコードの貼り方まで】Googleアドセンスの審査に新規申請する手順【WordPressブログ】

続きを見る

 

Googleアドセンスの審査についてはこちら ↓

Googleアドセンス審査合格のコツ アイキャッチ
【本音/本質】Googleアドセンス審査合格のコツを、当時の自分に寄り添うつもりで書いてみた【WordPressブログ】

続きを見る

 

関連

コードを作成・取得したあとの、アドセンス広告の「貼り方」についてはこちら ↓

 

「手動」で1つ1つ挿入していく方法

WordPressブログにおける、各種「広告コード」の基本的な貼り方 アイキャッチ
WordPressブログにおける、各種「広告コード」の基本的な貼り方【アフィリエイト広告の挿入方法】

続きを見る

※どのテーマでも基本共通のノーマルな手順です

 

全記事の「各見出し前」に自動挿入する方法

AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順 アイキャッチ
AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順【ブログ】

続きを見る

※このブログでも使用中のテーマ「WING AFFINGER5」における手順です

 

全記事の「末尾」に自動挿入する方法

AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順 アイキャッチ
AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順【PC並列/スマホ単体】

続きを見る

※同じく「WING AFFINGER5」における手順です

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第8章「広告」編 

あずきのWordPressブログガイド 総合TOP 

\「本気」で収益化するなら /

WING AFFINGER5 バナー 02

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

Googleアドセンスにおける「記事内広告」の作り方【広告コードの取得方法】

【本題】記事内広告のコード取得方法

WordPressブログ「完全初心者」ガイド 見出し a-01

まずは、「Googleアドセンス」にアクセスします

ちなみにアクセスした際に、ログイン後のTOP画面ではなく…

Googleアドセンス「記事内広告」の作り方 1-1-01

↑ こちらの画面が表示されてしまう場合は、ログイン状態が保持されていない状態です

その場合、右上の「ログイン」から(Googleアカウントに)ログインすればOK

 

注意

Googleアカウントを複数持っている場合は、「アドセンス審査のときに使ったアカウント」でログインします

 

ログイン後のTOP画面に入れたら、左側のメニュー一覧から…

Googleアドセンス「記事内広告」の作り方 1-1-02

↑「広告」という項目をクリックし、つづいて上部の…

Googleアドセンス「記事内広告」の作り方 1-1-03

↑「広告ユニットごと」というタブをクリックします

すると、「新しい広告ユニットの作成」という画面が表示され…

Googleアドセンス「記事内広告」の作り方 1-1-04

↑ このように3種類の広告タイプ…

  • ディスプレイ広告
  • インフィード広告
  • 記事内広告

の選択肢が現れるので、今回は記事内広告を選びましょう

選択すると…

Googleアドセンス「記事内広告」の作り方 1-1-05

↑ 表示スタイルの編集画面が開きます

ここから広告デザインを編集していくよ

まずは、右上の…

Googleアドセンス「記事内広告」の作り方 1-1-06

↑「広告ユニット名」という入力フォームに、今回作る広告コードの「タイトル」を入力しましょう

ちなみにここの「タイトル」は読者から直接見られるものではないので、自分が管理しやすくなる任意の名前でOKです

今回は例として…

Googleアドセンス「記事内広告」の作り方 1-1-07

↑ こんな名前にしてみました

つづいて、右側にある…

Googleアドセンス「記事内広告」の作り方 1-1-08

↑ こちらのずらっと並んだ設定項目で、広告の表示スタイルを指定していきます

ただし!

「記事内広告」は、表示画面ごとでスタイルが自動調整される仕様なので、基本的にはいじる必要がありません

参考までにこのブログでは…

Googleアドセンス「記事内広告」の作り方 1-1-09

↑ こちらの…

  • タイトル
  • 説明

という2項目の色設定だけ、自分で指定しています

まず「タイトル」の右側にある ▼ をクリックすると…

Googleアドセンス「記事内広告」の作り方 1-1-10

↑ カラーパレットが開くので、好きな色のアイコンを選択するか、もしくは「カスタムカラー」という欄にカラーコードを直接入力しましょう

このブログの場合、ブログ内のテキストは基本 #515151 という「ブラックに近いダークグレー系」にしています

なので、記事内に挿入する今回の広告についても…

Googleアドセンス「記事内広告」の作り方 1-1-11

↑ このように、「タイトル」の色は同じ #515151 にしています

もう1つの「説明」の項目も、まったく同じです

念のため説明するよ

さきほどの「タイトル」と同様に、右側の ▼ をクリックして…

Googleアドセンス「記事内広告」の作り方 1-1-12

↑「カスタムカラー」の欄に、 #515151 と入力しました(あくまで一例です)

このほかの項目については、すべて初期設定のままです

これで、右下の…

Googleアドセンス「記事内広告」の作り方 1-1-13

↑「保存してコードを取得」ボタンをクリックすると…

Googleアドセンス「記事内広告」の作り方 1-1-14

↑「記事内広告」のコードが発行されました

左下の「コードをコピー」というところをクリックして、丸々コピーしましょう

クリックするだけで自動コピーされるよ!

コードのコピーが済んだら、右下の「作業完了」をクリックして画面を閉じてOK🐥

あとは、このコピーした「記事内広告」コードをブログ内に貼りつけるだけ

 

関連

コードを作成・取得したあとの、アドセンス広告の「貼り方」についてはこちら ↓

 

「手動」で1つ1つ挿入していく方法

WordPressブログにおける、各種「広告コード」の基本的な貼り方 アイキャッチ
WordPressブログにおける、各種「広告コード」の基本的な貼り方【アフィリエイト広告の挿入方法】

続きを見る

※どのテーマでも基本共通のノーマルな手順です

 

全記事の「各見出し前」に自動挿入する方法

AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順 アイキャッチ
AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順【ブログ】

続きを見る

※このブログでも使用中のテーマ「WING AFFINGER5」における手順です

 

全記事の「末尾」に自動挿入する方法

AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順 アイキャッチ
AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順【PC並列/スマホ単体】

続きを見る

※同じく「WING AFFINGER5」における手順です

 

注意

WordPressにおける各種設定は、反映までに時間がかかる場合があります。 すぐに反映させたいときは、次の「2つの方法」を試してみてください

 

① WordPressキャッシュのクリア

② パーマリンク設定の更新

 

具体的な手順はこちら ↓

WordPressで、設定内容が反映されないときにまず試したい2つの対処方法 アイキャッチ
WordPressで、設定内容が反映されないときにまず試したい2つの対処方法【キャッシュの削除/パーマリンク設定の再保存】

続きを見る

 

【補足①】作成済みの記事内広告コードを、あとから再表示する方法【「既存の広告ユニット」の「コードを取得」アイコンから】

WordPressブログ「完全初心者」ガイド 見出し a-02

ここからは補足です

1つ目は…

作成済みの「記事内広告」コードを、あとから再表示する方法

について

まず作成した広告コードというのは、最初に 広告 > 広告ユニットごと をクリックで表示された…

Googleアドセンス「記事内広告」の作り方 1-2-01

↑ こちらの画面上で、「既存の広告ユニット」という項目に一覧で表示されます

で!

作成した広告コードをあとからまたコピーしたい場合は、この一覧から…

Googleアドセンス「記事内広告」の作り方 1-2-02

↑ こちらの「コードを取得」ボタンをクリックすると、いつでもコードを再表示させることができます

 

【補足②】作成済みの記事内広告を、あとから再編集する方法【「既存の広告ユニット」の「編集」アイコンから】

WordPressブログ「完全初心者」ガイド 見出し a-03

2つ目の補足は…

作成済みの「記事内広告」を、あとから再編集する方法

について

まずは1つ目の補足と同じく、 広告 > 広告ユニットごと をクリックで表示される「既存の広告ユニット」の一覧から…

Googleアドセンス「記事内広告」の作り方 1-3-01

↑ こちらの「編集」ボタンをクリックすると、作成済みのディスプレイ広告をいつでも再編集できます

 

おしまい♪

あずき(Twitter:@azuki_rinrin

今回の記事はこちらの章に属しています

WordPressブログガイド 第8章「広告」編 

あずきのWordPressブログガイド 総合TOP 

 

\「本気」で収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

✔ 洗練された美しいデザイン性!

✔ 面倒なカスタマイズもクリック1つ!

✔ SEO対策と広告収入UPの機能が標準装備!

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

公式:「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入&導入ステップを画像つきで1から解説

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ