この記事は1年以上前に更新された内容のため、情報の一部が古い場合があります。最新の情報は公式マニュアルをご確認下さい。

Googleアドセンスの表示方法

AFFINGER4では様々な方法でアドセンスを表示できます。

[toc]

アドセンスの表示方法

2016-10-05_125930

まずはアドセンスにて336pxと300pxの広告を作成して下さい。

Googleアドセンスの登録方法などはここでは割愛致します。

AdSense へのお申し込み方法

ウィジェットで表示する

2016-10-05_125403

ウィジェットにて「広告・Googleアドセンス用336px」と「広告・Googleアドセンスのスマホ用300px」に「テキストウィジェット」をドロップします。

WordPress4.8.1以上は「カスタムHTML」をご利用下さい

2016-10-05_125124

ドロップしたテキストそれぞれにアドセンスコードを記入して保存して下さい。

※タイトルは反映されません。

336pxの広告はPC閲覧時の記事下に2つ、300pxの広告はスマホ表示時の記事下に1つ、そしてショートコード利用時の広告に反映されます。

WP Fatest Cacheプラグイン利用時の注意点

WP Fatest Cacheを利用時に「モバイルユーザーに対してキャッシュを表示しない」にチェックが入っていないと記事下のアドセンスがモバイル閲覧時に重複表示(規約違反)されてしまいます。必ずチェックを入れるか有料版の「モバイルテーマのキャッシュを作成する」にチェックを入れてください。

ショートコードで記事中に挿入する

ウィジェットで作成した300px広告は記事内の好きな位置にショートコードで簡単に挿入できます。

2016-10-05_131543

記事内の好きな位置で①「アドセンス」をクリック。

②のショートコードが挿入され、アドセンスが表示されます。

ページ単位の広告(モバイルアンカー)を表示する

Googleアドセンスにはスマートフォン閲覧時に最下部や全画面に広告を表示するページ単位の広告があります。

2016-10-05_130136

コードを取得をクリック

2016-10-05_130149

コードをコピー

2016-10-05_131657

「外観」>「テーマの編集」のa-header-code.phpに先ほどのコードを記入して保存して下さい。

※子テーマを使用している場合も親テーマの「a-header-code.php」に記載して下さい。

AMP-ad

2016-11-06_20h22_21

AMP-adはAMP専用のアドセンスです。

アドセンスコード内にある「data-ad-client」の「ca-pub-」以降の数字と「data-ad-slot」をテーマ管理の②と③に記述するだけでamp-adに変換されます。(

2016-11-29_11h26_50

記事中に挿入したショートコードのアドセンスもamp-adに変換されます。

「稼ぐ」に特化したWordPressテーマ

今すぐ手に入れる

見れば効果8倍! /

アクセス「1」を「100」に変える 戦略的トップページテンプレート

ブログに訪れたユーザーを「ファン」にするための仕掛けを作る戦略的トップページレイアウトを解説。

無料ダウンロード

【無料】大人気!メルマガ配信中「稼ぐブログの設計図」

ブログで効率的に収益化するための考え方やノウハウをまとめました。

  • 【第1回】収益化に必要なのは「方法」ではなく「方向」
  • 【第2回】記事作成 ~ 人が「買う」と決める瞬間
  • 【第3回】検索でクリックされるタイトルの決め方
  • 【第4回】知っておくべき目次と見出しタグの意味
  • 【第5回】他言厳禁:売上が変わる7つの秘訣
  • 【第6回】必ず知っておきたい「重要&最低限」のSEO
  • 【第7回】稼ぐサイトの構成

配信登録フォーム

退会はいつでも可能です