最近気づいたんですが、なんか広告が文章と被ってたっぽいんですよね。
どの広告かと申しますと、チャンネル隊長に関する例の投稿に貼りまくったやつらです。それら全てがなぜか1行分下にずれて表示されていたせいで、広告直下の段落の1行目が読めないという状態になっていました。色々試してみたのでその結果を書いてみますね。
この行は隠れるはずです。という話です。
HTMLを確認してみますと、こんな感じで４つの部分に分かれているんですよね。このうちのどれかが広告の画像を表示している部分で、どこかが1行分のスペースをとっている部分だろうというのが私の予想でした。<script>の部分はおそらく文字を表示していないので、<ins>が怪しいんじゃないかと踏んだんですよ。おそらくこの予想は当たっていて、そして今でも解消されていない問題になっています。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=XXXXXXXXXX" crossorigin="anonymous"></script> <!-- ユニット名 --> <ins class="adsbygoogle" style="display:block" data-ad-client="XXXXXXXXX" data-ad-slot="XXXXXXXXX" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
何が問題かといいますと、はてなブログの仕様上、このコードをHTML編集の画面にそのまま貼り付けると、<p>が勝手に挿入されるんですよ。しかも、全体で１つではなく、コメント以外の要素すべてにひとつずつ付いていたんです。つまり、要素が全て別の段落として扱われていたということです。段落を入れると、文字を入力していなくても勝手に改行されますから、それが問題だったんじゃないかと思いましてね。
これを修正すべく、全体を<center>や<div>で囲ってみたんですよ。しかし、1行分下にずれるという状況が変わった様子はありません。再度HTML編集の画面を開いてみますと、余計な<p>は挿入されていません。何が問題なんだろうと思ってよく見てみますと、<ins>の中が赤くなっているんですよね。おそらくはてなはここに文章があると勘違いして勝手にスペースを入れたんだと思うんです。で、Googleはこの1行は無いものとして画像を表示しますから、結局1行分下にずれるのではないかというのが私が出した答えです。
現在のところ、このブロックの下に空白の<p>を意図的に入れることによって無理やり問題を解決しています。少なくとも今のところは問題なく読めるようになりました。Google Adsenseとはてなブログは相性が悪いといわれることがありますが、本当のようですね。
ちなみに、ググっても解決方法が見つからなかったのでこんなに苦戦したんです。もし解決方法を知っているという方がいらっしゃいましたら連絡いただけると助かります。試しに今日の広告は修正前後のGoogle広告にしてみますね。「この行は隠れるはずです。」という文が隠れるかどうか見てみてください。ではでは。
