WING(AFFINGER5及びSTINGER PRO2)のマニュアルはコチラです※パスワードは商品フォルダ内テキストを確認

AFFINGER4 STINGER PRO

Googleアドセンスの表示方法

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

[toc]

アドセンスの表示方法

2016-10-05_125930

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

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

AdSense へのお申し込み方法

ウィジェットで表示する

2016-10-05_125403

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

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

参考ロリポップでカスタムHTMLが保存できない

2016-10-05_125124

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

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

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

関連PC閲覧時にアドセンスを横並びにする方法

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に変換されます。

スマートフォン閲覧時の上部にアドセンスを表示

ウィジェットの「広告・スマホ用上部のみ」エリアにアドセンスのレスポンシブタイプ(横長)のコードを貼り付けてください。

NEW大幅に進化した新バージョンWING(AFFINGER5 / STINGER PRO2)好評発売中!

ユーザー様の声

ユーザーの声をさらに見る

新バージョン「WING」を見る

ご利用バージョンやテーマにより設定方法やキャプチャ画像が異なる場合がございます

※テーマアップデートにより情報が一部異なる場合がございます

-AFFINGER4, STINGER PRO

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.