しらたま手帖〜奥様はアフィリエイター〜

新着記事一覧が表示されているトップページにアドセンス広告を3つ配置しました。

それがやりたくて、女子ブログのテーマをGASH2からSTINGER5に変更しました。STINGERのほうが使っている方が多いのでグーグル検索でほぼ何でも解決します。

テーマを変えるとアイキャッチが正方形に表示されなくなってしまったのですが、それもググったら解決しました。テーブルタグのラインが出てしまう点も、ググって解決。STINGERは情報が豊富だな！と関心。

でも、STINGERのスタイリッシュなデザインになじめませんでした。やっぱりGUSHのほっこりした感じが落ち着きます。行間やマージン、パディングがゆったりしていて、私にはほっこり＆のんびりしたテーマに感じるのです。

1週間程つかって、やっぱりGUSHがあきらめられず。他にも微調整が必要なところが色々出てきてしまったので、もう一度トップページに広告3つを表示するカスタマイズに挑戦しました。

情報はSTINGERを使っている方のを参考にさせていただきました。

↓　こちらのページです。

http://cv0629.com/stinger5-top-ad/

STINGER5とGUSH2では記事を呼び出すコードが少し違います。

STINGERは1行（1文）ですが、GUSH2は2行（2文）です。

※　コードは＜＞をわざと大文字に変えています。

stinger5は1行

＜?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?＞

GUSH2は2行です。

＜?php if (have_posts()) : ?＞
＜?php while (have_posts()) : the_post(); ?＞

私が前回うまくできなかったのは、2行目だけしか削除しなかったからのようです。この2行を置き換えれば大丈夫でした。


私はhome.phpとindex.phpに同じ作業をしておきました。homeだけでも大丈夫そうですが、index.phpも何かの際につかうからソースがしっかり書いてるのかなぁっと。

これだとカテゴリーページでは広告3つは表示されていないので、そのうち挑戦してみます。

CSSもGUSH2にあわせてアレンジする必要があります。

参考にさせていただいたサイトではこうなっていました。

.toppagead {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px dotted #999;
}

GUSH用に、ボーダーをドットではなくラインにしました。

.toppagead {
margin-bottom: 24px;
padding-top: 10px;
padding-bottom: 24px;
border-bottom: 1px solid #ddd;
}

マージンとパディングも24pxに変更。

GUSH2のCSSはスマホ→タブレット→PCの順に書かれているので末尾に入れたのではPCにしか適応されません。上の方に入れてみました。

CSSの上から3分の1ぐらいのところにある記事内指定の末尾にちょこんと入れたらOKでしたよ。

以上で、なんとかGUSH2に広告を3つ配置することができました。

＊＊＊

この3つの広告は同じ広告コードを使います。ですから、どの場所の広告がクリックされたかまでは分かりません。

今までトップページに広告1つだったときは1週間で2000円でした。2個にしたら、あわせて3000円になりました。

では、3つにしたらどうなったでしょうか？

はい、ちょうど1週間ほどたったので調べてみると、なんと3000円でした。

2つと3つでは収益は大差ないと言うことですね。トップページに広告3つはちょっとうるさい感じがします。広告ぺたぺたした感じが気になるのならば、2つでも良いかもしれません。トップページは個別の記事を読んでもらうためのページですからね。

グーグル先生には指導を受けてしまいそうですが（笑）。

私はせっかく３つにしたのでしばらく様子を見てから考えます。