はてなでPC版インフィード広告が動かない件
私はこれとは別にブログを何個かやっていまして、本当趣味みたいなもんなのですが、一応マネタイズを目指して頑張ってるわけですね。
bloggerとはてなプロを使ってまして、wordpressは未体験です。そんでもって、仕事から帰ってきてからはてなプロの方のブログをちくちく弄ってたんですよ。タイトルにあるように、PC版のgoogle adsenseのインフィード広告を表示させるために。
PC版のみインフィード広告が動きません
昔プログラマー的なことをやっていたので、なんとなくソースを読むことは出来ますが、はっきりいって素人に毛が生えた程度です。ですから、こうしたらいいとか、こうやったらこうなるだろう、という知識はあっても、ソースの中身をいじる技術はないのですね。
ですから、先人たちの知恵を使用しようとネットダイブして、情報を仕入れてみたところ、発見したのがこの記事。
中盤らへんにあるソースコードをそのまま丸パクリで貼り付けたのですが、空欄ができるだけでアドセンス広告が表示されず(もちろん広告用コードは自分用に変えてますよ)。解せないのが、スマホは表示されるんですよね。なんでだろ…。
ちなみに、こちらの記事にサンプルは記事一覧が横長ですが、私のブログはタイル型です。そこが邪魔してるのか??うーむ。ソースの中身が読めればなー(読む気なし)。検索だけでやるのも無理があるか。
スマホの方が流入が多いので、あまり気にしなくてもいいのでしょうけど、こいつを表示させるために1時間以上奮闘したので、ちょっとムキになって試行錯誤してました。結果負けたので時間の無駄になってしまったわけですがね。
く、くやしい。
---2018/7/13追記---
コメントで、記事を書かれていたケーさんにアドバイスをもらい、やってみたところなんとインフィード広告アドセンスが表示されました!
とのアドバイスと、
モバイルとの違いはCSSぐらいでしたので、モバイルに記述した内容をPCに貼り付けて動作するようであれば、記述ミスが考えられますね。
を参考に、とりあえずモバイル版の内容をPC版に貼り付けて見たところ、見事に表示されることに!
ということは、やはりCSSが原因か?と数字を色々弄っていたら、ある数値より下を入れると表示されたんですね。ようするに、位置に対して表示がデカかったので表示されなかった、というわけです。最後まで付き合っていただいたケーさんには感謝しかありません。ありがとうございました。
もし同じように広告が表示されなくて悩んでいる方は、とりあえず、
<style>.infeed_slot{width:100%;height:210px;margin-top: -18px;padding-bottom: 22px;}</style>
このwidth:100%を例えば200pxとかに変えてみることをお勧めします。%だとなんだかうまくいかず、px指定だとうまくいったので。
あとは自分のブログのサイズ感ですので、大きくしたり小さくしたりして最適なサイズを発見して見てください。
---追記終わり---
続きを読む
ゲオスーパーセール、今日(7/1)までですよ!
滑り込みでゲオに行ってきました
多分、テレビのCMでゲオスーパーセールがやっているのを確認したと思いますが、定かではありません…。私もよく読んでいる趣味:ゲームって言いたい!のもなこさんも記事にしていたので、もしかしたら、そっちの方が波及効果が高かったかもしれませんが…。
モンハンやラチェット以降まだなんのゲームにも取り掛かっていなかったので、いっちょ物色しに行くか!ということで、その前にゲーム系のyoutubeをちらっと見てですね…。
ファミ通も一応毎週見てるんですけど、あんまりピンとこないんですよね雑誌って。RED DEAD REDENPTION2はちょっと気になりますが、1はあんまりのめり込まなかったんですよね。ヌルゲーマーには難しいのでね…。
続きを読む