【アフィンガー5】記事下にアドセンス広告を2つ横並び表示する方法【画像付きで解説】

 

 
このように悩んでいる方は必見です。
 
アフィンガーを使用しているサイトで、記事下にアドセンス広告が2つ横並びになっているブログを見かけたりしたことはないですか？
 
広告を2つ横並びに配置する【ダブルレクタングル】という方法は、表示方法の一つとして覚えて損はないです。
 
なぜなら色々な配置を試すことで収益が出る配置を試すことができるから。
 
と言うことで、今回はアフィンガー5で記事下にアドセンス広告を2つ横並び表示する方法をご紹介します！
 

記事の信頼性

 

注意事項

今回の設定方法はあくまでも「手を加えすぎていないアフィンガーテーマの場合」のみ当てはまる方法です。
fanctions.phpや追加CSSでコードを書き換え・加筆して調整されていた場合は当記事でご紹介する方法でもうまく反映されない場合もあるのでご了承下さい。
[st_af id="2930"]

アフィンガー5で記事下にアドセンス広告を2つ横並びに表示する方法

 
アフィンガー5でアドセンス広告を2つ記事下に横並びに表示する方法は下の流れでOK！
 

この流れについて順に詳しくご説明します。
 
 

アフィンガー5で広告を2つ横並び表示する手順その1アドセンス管理画面で広告を作成する

 
まずはじめに、Googleアドセンス管理画面へ進み広告を作成しましょう。
 

基本的に上記の流れの通りに進めれば大丈夫ですが、一部のみ解説します！
 
 

4、広告に名前をつけるという点について

 
手順の4つめの「広告に名前をつける」という点について、アドセンス広告では広告に名前をつける必要があります。
名前は基本なんでも良いので自分がわかりやすい感じで自由に設定しましょう。

ちなみに私はタブルレクタングルと名付けました。
 
 

5と6、広告サイズを【固定】、サイズを366×300pxに設定することについて

 
アドセンスの広告作成画面で、下の画像を参考に変更しましょう。

 
 

アフィンガー5で広告を横並び表示する手順その2ワードプレス管理画面の設定で準備をする

 
広告の作成ができたら、ワードプレス管理画面の方も設定を行う必要があります。
 

こちらも基本的に上記の流れの通りに進めれば大丈夫ですが、一部のみ解説します！
 
 

4、「PC閲覧時のサイトの幅」を1114px以上に設定するという点について

 
下の画像を参考に【AFFINGER管理】から【デザイン】をクリックした時に出てくる【サイト全体のレイアウト一括設定】の場所で、サイトの幅を1114px以上に設定しましょう。

 
 

アフィンガー5で広告を横並び表示する手順その3広告のコードを貼り付ける

 
広告の作成とワードプレステーマの設定が完了したら、いよいよ広告のコードを貼り付けましょう。
 

こちらの手順通りに進めればOKですが、ポイントごとに解説します。
 
 

1、Googleアドセンス管理画面で広告コードを取得について

 
グーグルアドセンスの管理画面に進み【広告】→【広告ユニットごと】をクリックしてください。そうすると下に作成した広告が現れます。
 
ここで埋め込みたい広告のところにある<>をクリックしましょう。

そのあとに移動したページで【コードをコピー】をクリックするとOKです。

 
 

5、広告・グーグルアドセンス用AとBにコードを貼り付ける

 
【ダッシュボード】→【ウィジェット】の順にクリックしウィジェットの画面に進むと、【広告・グーグルアドセンス用A】と【広告・グーグルアドセンス用B】があります。
この２つのどちらにも、広告コードを入れましょう。
 
方法はまず【広告・グーグルアドセンス用A】のところに「STINGERカスタムHTML」という項目をドラッグして挿入。

 
無事できたら中に広告コードを貼り付け、保存をクリック！

たったこれだけです！
【広告・グーグルアドセンス用B】も同様の手順で適用するようにしましょう。
 
無事設定できると下の画像のようになります。
(広告のためモザイクをかけています)

 
 

広告設定後は数時間待つ必要があります

 
手順に沿って正確に広告が作成できても、すぐにブログに貼り付けることができません。
広告が作成されるのには1時間ほど時間がかかるため、設定しても反映されなかった場合は少し様子を見てみましょう。
 
 

アドセンス広告を横並びにした場合のスマホ時の注意点

 
今回のご紹介した方法でアドセンス広告を2つ横並びに設定すると、スマホで閲覧したときに記事下に広告が表示されないです。
 
理由は【広告・グーグルアドセンス用A】と【広告・グーグルアドセンス用B】の2つともがPC版でのみ表示されると言う仕様になっているから。
 

ここにも設置することで、スマホ閲覧時に広告がひとつ設置されますよ！
 

 
 

アフィンガー5は広告の設定が簡単！横並び広告以外も色々試してみよう

 
アフィンガー5で広告を横並びに配置する方法は理解することができましたでしょうか？
 
アドセンス広告はもっとも効果が出る配置を模索して配置してみることをおすすめします。
 

 
ちなみにアフィンガーをまだ導入しておらず、今回の記事でアフィンガーに興味を持たれた方は、参考までに判断材料の一つとしてAFFINGER5の正直なレビューとお得な限定特典の入手方法の記事を是非読んでもらえると嬉しいです！
 

CHECK

AFFINGER5の正直なレビューとお得な限定特典の入手方法

続きを見る

 
上記のレビュー記事にも書いてありますが、ただいま当サイトよりアフィンガーを購入された方限定で5つの素敵な特典をプレゼントさせていただいております！
 
[st_af id="2930"]
 
是非内容などをチェックしてみてくださいね。
 
また、アフィンガーの購入は少し複雑なので戸惑う方も多いです。
 
これから購入したいと考えている方はアフィンガー5の購入〜インストール方法を徹底解説を参考に手順通り進めると失敗せずに安全ですので、よろしければこちらもどうぞ。
 

CHECK

アフィンガー5の購入〜インストール方法を徹底解説【お得に購入しよう】

続きを見る

 
この記事が参考になれば幸いです。
 
 
関連記事AFFINGER5の正直なレビューと特典の入手方法をご紹介！
関連記事アフィンガー5の購入〜インストールまでの方法を徹底解説