念願が叶いました!。Googleアドセンスを導入しました、させていただきました。ありがとうございます。Google(アドセンス)大先生。いまいち設定方法もわからないまま、いろいろサイトを見て、みようみまねで頑張ってみました。
共通してやらなければならない事とそうではない事がある感じです。それではやった事を分けて簡単に書いていきたいと思います。
1.共通する設定
1.1広告ユニットの設定
この設定は必須だと思われます。そして、カスタムチャンネルと広告ユニットの名前を同じにして分かりやすく管理することが可能のようです。そして、Googleアナリティクスと連携することによって見ていただけたか、また、クリックしていただけたかということが詳細に分かるということです。
以下のサイトなどを見ながらやってみましたが出来ていると思われます。皆さんもチャンスが訪れた時は、是非参考にされてみてはいかがでしょうか。非常に分かりやすく感動しました。
1.2関連
1.3自動設定
この設定は、複雑で色々カスタマイズが可能みたいですが、とりあえず以下の画像のように選択すると優先して反映されるようです。反映には時間差があるようです。
2.共通しない設定
ループ系のページで広告を設定してる場合は、以下のような事が必要でした。現在使われているブログのテーマや設定状況によってやるべきかやらないべきか自分自身で決める事だと思われます。わたしのところでは必要でした。プラグインを使ったり色々やり方は数多くあると思いますが、備忘録を兼ねて書いてみました。一部抜粋。
2.1Before
以前は、たまにスマホのトップページがずれるというか、半分くらいの幅サイズ(左右)になってしまう現象があったので、1本薄い縦線を加えてごまかしていました。
<?php if(wp_is_mobile()): ?> <div style="text-align: center; font-size: 100%">スポンサーリンク<br> <div> <div style="display: inline-block;max-width:300px; overflow: auto; margin-bottom: 0px; vertical-align: top"> ここに広告コード </center> </div> <div style="display: inline-block;max-width:1px; overflow: auto; margin-bottom: 0px; vertical-align: top"> <img src="../wp-content/uploads/2017/10/..jpg" border="0" /> </div> </div> </div> <?php endif; ?>
2.2After
今回は、overflow:autoが入ってると、広告に触れる(フリックする)と微妙に動くのでautoをとって、薄い縦線を取りました。それ以外は不用意に触らずです。。。
<?php if(wp_is_mobile()): ?> <div style="text-align: center; font-size: 100%">スポンサーリンク<br> <div> <div style="display: inline-block;max-width:300px; overflow: ; margin-bottom: 0px; vertical-align: top"> ここに広告コード </center> </div> <div style="display: inline-block;max-width:1px; overflow: ; margin-bottom: 0px; vertical-align: top"> </div> </div> </div> <?php endif; ?> <?php if(!wp_is_mobile()): ?> ここに広告コード <?php endif; ?>