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

2020年1月28日

アイキャッチ画像

 

どうも、ぽん助です

 

アフィンガー5には、親切にアドセンス広告コードを設置するのがとても簡単に設計されています。

 

2つ横並びに設置するのを「ダブルレクタングル」と言います。

本題のアドセンス広告で記事下に良く見られる、同じ広告を2枚設置されてるのを見ると思います。

アフィンガー5は、もちろん336px広告指定されて簡単に設置可能になってて嬉しい限りです。

 

アフィンガー5の設置と設定方法を解説します。

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

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

 

336pxダブルレクタングル設置方法

本文の説明の画像

ステップ1

Google AdSenseサイトにて下の画像の部分をクリック

 

本文の説明の画像

 

 

ステップ2

「ホーム」→「広告」を選択する

本文の説明の画像

 

 

ステップ3

「サマリ」を選択する

本文の説明の画像

 

 

ステップ4

「広告ユニットごと」を選択する

本文の説明の画像

 

 

「ディスプレ広告」を選択する

本文の説明の画像

 

 

ステップ5

  1. 「広告ユニットの名前を入力(自分が覚え易い名前で入力:例336)
  2. 「スクエア」ここである事を確認する
  3. 「広告サイズ」:レスポンシブで選択する
  4. 「作成」をクリックする

本文の説明の画像

 

ステップ6

下の画像の「コードをコピー」をクリックして完了させる

(テキストなどに一度貼り付けて置くと作業がし易い。)

本文の説明の画像

 

 

完了させると作成されたユニットが分かる、今後も各種のコードはここで後からでもコピー出来る。

 

AFFINGE5の設定方法

ステップ1

アフィンガー5の管理画面に移動する

  1. 「投稿・固定記事」を選択し
  2. 右にある「PC閲覧時に記事下のアドセンス広告を横並びにする (省略)」に✅チェックを入れます。
  3. 「save」をクリックし完了

本文の説明の画像

 

 

ステップ2

  1. 左カテゴリーから「デザイン」を選択する
  2. サイト全体のレイアウト一括設定※ここの設定が最優先されます」の項目に移動します

  3. 「PC閲覧時のサイトの幅」の枠に「1114」を入力します

  4. 「save」をクリックし完了

本文の説明の画像

 

 

ステップ3

  • アフィンガー管理画面の設定は完了します。
  • 次にワードプレスの「外観」→「ウィジェット」を選択します。
  • 「広告・Googleアドセンス用336px(A)」をクリックします。(同様に(B)も同じ様にします。)

本文の説明の画像

 

ステップ4

  • 左から「カスタムHTML」をドラック・ドロップして移動させます。

本文の説明の画像

 

 

ステップ5

  • 先ほど、Google AdSenseサイトにて作成された、コードコピーを「内容」に貼り付けます。
  • 「保存」をクリックし完了です。

本文の説明の画像

 

 

最後に

これでアフィンガー5の336px広告枠の横並びに設置する方法を紹介いたしました。

 

合わせてお読み下さい。

アフィンガー5と言えばライオン
【アフィンガー5】カスタマイズ・問題解決なんだそうだったのか!

続きを見る

アイキャッチ画像
AFFINGER5 子テーマJETのインフィード広告設定方法とズレる対策

続きを見る

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

 

-アフィンガー5
-, ,

© 2020 副業ブログ運営