AFFINGER5 子テーマJETのインフィード広告設定方法とズレる対策

2019年7月14日

アイキャッチ画像

どうも、ぽん助です

 

AFFINGER5 マガジン型の別売り子テーマJETでは、親テーマのAFFINGER5のインフィード広告設定とは違います。

JET専用のアドセンス・インフィード広告を新たに作る必要があります。

 

子テーマJET専用のGoogleAdSense(アドセンス)・インフィード広告作成方法を解説します。

 

アフィンガー5の購入検討は合わせてお読み下さい。

AFFINGER5(アフィンガー5)1年使ってみて思うことを紹介【特典付】

 

JET専用インフィード広告作成方法

 

step
1

Googleアドセンスの広告:をクリックします。

 本文の説明の画像

 

step
2

サマリー:をクリックします。

本文説明

 

step
3

インフィード広告:をクリックします

本文の説明の画像

 

 

step
4

  1. 手動で広告スタイルを作成する:を選択
  2. 上部画像:を選択
  3. 次へ:をクリックします。

本文の説明の画像

 

 

アドセンス・JET専用インフィード広告を作成

 

step
5
 ユニット名

自分で判り易い名前に決めれば良い

例:JETインフィード広告

本文の説明の画像

 

 

step
6
 グローバルオプション

  1. 選択したディスプレイ広告を許可する:ON
  2. フォント:Ariel
  3. 背景:何もしない
  4. 抜線サイズ:0
  5. バディング:0:0:25:0

02/22/2020更新 画像は0ですが25に変更しました。

当サイトのインフィード広告を見て参考にしてみて下さい。

本文の説明の画像

 

 

step
7
 イメージ

  • サイズ
  1. 画像の縦横比:「1.91.1」
  2. 幅:100
  3. パディング::0:0:0:0

 

本文の説明の画像

 

 

step
8
 見出し

  1. フォントサイズ:22
  2. パディング:0:0:40:0

02/22/2020更新 40に変更してみました

より記事に溶け込む広告表示になったと思います。

本文の説明の画像

 

 

step
9
 説明

02/22/2020更新 当サイトは説明表示 OFFにしてます

デフォルトで下記の数値でしたら確認だけお願いします。

  1. フォント:12
  2. パディング::0・10・5・10

本文の説明の画像

 

step
10
 URL

デフォルトで下記の数値でしたら確認だけお願いします。

  1. フォント:11
  2. パディング::3・10・0・10

本文の説明の画像

 

 

step
11
 ボタン

デフォルトでOKです。

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

コードをコピー&ペーストでワードプレスに移動します。

本文の説明の画像

 

ワードプレスにてコードを貼り付ける

 

「外観」➡「ウィジェット」を開きます。

 

「広告:Googleインフィード広告」に「カスタムHTML」をドラッグ&ドロップで移動させます。

本文の説明の画像

 

インフィード広告を作成し取得したコードをコピー&ペーストで貼り付けてください。

保存をクリックして完了です。

 

本文の説明の画像

 

 

隣の記事とインフィード広告がズレる対策方法

AFFINGER5のJET用にインフィード広告を設置すると、修正前の画像の様に、隣の記事に抜粋表示があるため、縦の長さにズレが生じます。

 

気になる方は、抜粋設定で非表示にすると良いです。

修正前:抜粋表記あり

本文の説明の画像

 

 

修正後

本文の説明の画像

 

抜粋の非表示の設定方法

AFFINGER5管理画面の「デザイン」を選択します。

本文の説明の画像

 

 

「抜粋設定」

画像と同じ所にチェックを入れて「save」をクリックすれば非表示になります。

「PC閲覧時も記事一覧(トップ・アーカイブ・関連記事)の抜粋を非表示にする」

本文の説明の画像

 

合わせてお読み下さい。

アイキャッチ画像
【AFFINGER5】アフィンガー5の広告2つ横並びに設置する336px設定方法 

続きを見る

アイキャッチ画像
AFFINGER 5 アドセンス・インフィード広告の設定方法

続きを見る

AFFINGER5(アフィンガー5)のすべて

-アフィンガー5
-, ,

© 2020 副業ブログ運営