【AFFINGER5】アフィンガー５の広告２つ横並びに設置する３３６px設定方法　

どうも、ぽん助です

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

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

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

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

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

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

AFFINGER5（アフィンガー５）１年使ってみて思うことを紹介【特典付】

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

ステップ１

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

ステップ２

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

ステップ３

「サマリ」を選択する

ステップ４

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

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

ステップ５

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

ステップ６

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

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

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

AFFINGE５の設定方法

ステップ１

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

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

ステップ２

1. 左カテゴリーから「デザイン」を選択する

2. 「サイト全体のレイアウト一括設定※ここの設定が最優先されます」の項目に移動します

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

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

ステップ３

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

ステップ４

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

ステップ５

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

最後に

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

合わせてお読み下さい。

★AFFINGER５（アフィンガー５）のすべて★