あずきです🐥
Googleアドセンスにおける…
「記事内広告」の作り方（広告コードの取得方法）
について、ブログ初心者さん向けに1から解説していきます
ちなみにこの記事ページの最上部でも掲載しているのが、まさに「記事内広告」です
いわゆるオーソドックスな「ディスプレイ広告」と比べると、記事内のコンテンツにより馴染んだ広告デザインになってオススメです
で！
具体的には3つのポイントで見ていきます
- 【本題】記事内広告のコード取得方法
- 【補足①】作成済みの記事内広告コードを、あとから再表示する方法
- 【補足②】作成済みの記事内広告を、あとから再編集する方法
さっそく見ていきましょー🐥
はじめに
大前提として、「Googleアドセンス審査」に合格している必要があります
Googleアドセンスのお申し込み手順はこちら ↓
-
【テストコードの貼り方まで】Googleアドセンスの審査に新規申請する手順【WordPressブログ】
続きを見る
Googleアドセンスの審査についてはこちら ↓
-
【本音／本質】Googleアドセンス審査合格のコツを、当時の自分に寄り添うつもりで書いてみた【WordPressブログ】
続きを見る
関連
コードを作成・取得したあとの、アドセンス広告の「貼り方」についてはこちら ↓
「手動」で1つ1つ挿入していく方法
-
WordPressブログにおける、各種「広告コード」の基本的な貼り方【アフィリエイト広告の挿入方法】
続きを見る
※どのテーマでも基本共通のノーマルな手順です
全記事の「各見出し前」に自動挿入する方法
-
AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順【ブログ】
続きを見る
※このブログでも使用中のテーマ「WING AFFINGER5」における手順です
全記事の「末尾」に自動挿入する方法
-
AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順【PC並列／スマホ単体】
続きを見る
※同じく「WING AFFINGER5」における手順です
今回の記事はこちらの章に属しています
＼「本気」で収益化するなら ／
今なら超時短ツール「タグ管理プラグイン（4,980円）」の無料配布キャンペーン中！
-
【超時短】ブログの「タグ管理」機能とは？仕組み＆使い方から、メリット＆デメリットまで【WordPress】
続きを見る
About me
- 専業ブロガー・フリーランス -
あずき
独立3年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます
普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^
Contents
Googleアドセンスにおける「記事内広告」の作り方【広告コードの取得方法】
【本題】記事内広告のコード取得方法
まずは、「Googleアドセンス」にアクセスします
ちなみにアクセスした際に、ログイン後のTOP画面ではなく…
↑ こちらの画面が表示されてしまう場合は、ログイン状態が保持されていない状態です
その場合、右上の「ログイン」から（Googleアカウントに）ログインすればOK
注意
Googleアカウントを複数持っている場合は、「アドセンス審査のときに使ったアカウント」でログインします
ログイン後のTOP画面に入れたら、左側のメニュー一覧から…
↑「広告」という項目をクリックし、つづいて上部の…
↑「広告ユニットごと」というタブをクリックします
すると、「新しい広告ユニットの作成」という画面が表示され…
↑ このように3種類の広告タイプ…
- ディスプレイ広告
- インフィード広告
- 記事内広告
の選択肢が現れるので、今回は記事内広告を選びましょう
選択すると…
↑ 表示スタイルの編集画面が開きます
まずは、右上の…
↑「広告ユニット名」という入力フォームに、今回作る広告コードの「タイトル」を入力しましょう
ちなみにここの「タイトル」は読者から直接見られるものではないので、自分が管理しやすくなる任意の名前でOKです
今回は例として…
↑ こんな名前にしてみました
つづいて、右側にある…
↑ こちらのずらっと並んだ設定項目で、広告の表示スタイルを指定していきます
ただし！
「記事内広告」は、表示画面ごとでスタイルが自動調整される仕様なので、基本的にはいじる必要がありません
参考までにこのブログでは…
↑ こちらの…
- タイトル
- 説明
という2項目の色設定だけ、自分で指定しています
まず「タイトル」の右側にある ▼ をクリックすると…
↑ カラーパレットが開くので、好きな色のアイコンを選択するか、もしくは「カスタムカラー」という欄にカラーコードを直接入力しましょう
このブログの場合、ブログ内のテキストは基本 #515151 という「ブラックに近いダークグレー系」にしています
なので、記事内に挿入する今回の広告についても…
↑ このように、「タイトル」の色は同じ #515151 にしています
もう1つの「説明」の項目も、まったく同じです
さきほどの「タイトル」と同様に、右側の ▼ をクリックして…
↑「カスタムカラー」の欄に、 #515151 と入力しました（あくまで一例です）
このほかの項目については、すべて初期設定のままです
これで、右下の…
↑「保存してコードを取得」ボタンをクリックすると…
↑「記事内広告」のコードが発行されました
左下の「コードをコピー」というところをクリックして、丸々コピーしましょう
コードのコピーが済んだら、右下の「作業完了」をクリックして画面を閉じてOK🐥
あとは、このコピーした「記事内広告」コードをブログ内に貼りつけるだけ
関連
コードを作成・取得したあとの、アドセンス広告の「貼り方」についてはこちら ↓
「手動」で1つ1つ挿入していく方法
-
WordPressブログにおける、各種「広告コード」の基本的な貼り方【アフィリエイト広告の挿入方法】
続きを見る
※どのテーマでも基本共通のノーマルな手順です
全記事の「各見出し前」に自動挿入する方法
-
AFFINGER5で、アドセンス広告を「n番目の見出し前」に自動で挿入する手順【ブログ】
続きを見る
※このブログでも使用中のテーマ「WING AFFINGER5」における手順です
全記事の「末尾」に自動挿入する方法
-
AFFINGER5で、アドセンス広告を「記事おわり」に自動で挿入する手順【PC並列／スマホ単体】
続きを見る
※同じく「WING AFFINGER5」における手順です
注意
WordPressにおける各種設定は、反映までに時間がかかる場合があります。 すぐに反映させたいときは、次の「2つの方法」を試してみてください
① WordPressキャッシュのクリア
② パーマリンク設定の更新
具体的な手順はこちら ↓
-
WordPressで、設定内容が反映されないときにまず試したい2つの対処方法【キャッシュの削除／パーマリンク設定の再保存】
続きを見る
【補足①】作成済みの記事内広告コードを、あとから再表示する方法【「既存の広告ユニット」の「コードを取得」アイコンから】
ここからは補足です
1つ目は…
作成済みの「記事内広告」コードを、あとから再表示する方法
について
まず作成した広告コードというのは、最初に 広告 ＞ 広告ユニットごと をクリックで表示された…
↑ こちらの画面上で、「既存の広告ユニット」という項目に一覧で表示されます
で！
作成した広告コードをあとからまたコピーしたい場合は、この一覧から…
↑ こちらの「コードを取得」ボタンをクリックすると、いつでもコードを再表示させることができます
【補足②】作成済みの記事内広告を、あとから再編集する方法【「既存の広告ユニット」の「編集」アイコンから】
2つ目の補足は…
作成済みの「記事内広告」を、あとから再編集する方法
について
まずは1つ目の補足と同じく、 広告 ＞ 広告ユニットごと をクリックで表示される「既存の広告ユニット」の一覧から…
↑ こちらの「編集」ボタンをクリックすると、作成済みのディスプレイ広告をいつでも再編集できます
おしまい♪
あずき（Twitter：@azuki_rinrin）
今回の記事はこちらの章に属しています
関連
「ディスプレイ広告」の取得方法はこちら
-
Googleアドセンス「ディスプレイ広告」の作り方を1から解説【広告コードの取得方法／レスポンシブがおすすめ】
続きを見る
「インフィード広告」の取得方法はこちら
-
Googleアドセンス「インフィード広告」の作り方を1から解説【広告コードの取得方法／おすすめは自動】
続きを見る
＼「本気」で収益化するなら ／
-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -
WING AFFINGER5
✔ 洗練された美しいデザイン性！
✔ 面倒なカスタマイズもクリック1つ！
✔ SEO対策と広告収入UPの機能が標準装備！
今なら超時短ツール「タグ管理プラグイン（4,980円）」の無料配布キャンペーン中！
-
【超時短】ブログの「タグ管理」機能とは？仕組み＆使い方から、メリット＆デメリットまで【WordPress】
続きを見る
About me
- 専業ブロガー・フリーランス -
あずき
独立3年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます
普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^