知らないうちにアドセンスに自動広告という仕組みが追加されていて、10年前のようにどこに広告を表示させようかと悩むこともなくなったんですね。
ところが気が付くと Blockquote のど真ん中に割り込んできた。これは流石に嫌なんで「除外エリア」ではじきたかったんだけど、好きな場所を選べるわけじゃないんですね。
表示させたくないエリアを任意に指定できないのかなと調べていたら、Google のフォーラムで blockquote に display:none を指定しろと。
いやいや、display:none にしたら広告とともに本文も消えますよね。意味わかんない。
特定 Class 属性を追加すれば自動広告は表示されない
Gemini に聞いてみたら除外エリアに出てこない任意の箇所で自動広告を表示させない Class 属性があるんですね。
広告を表示したくない要素（例えば、プロフィールボックスや特定の案内ボックスなど）を囲んでいる<div>などのHTMLタグに class="google-ads-autoads-restricted" を追加します。
このブログの場合、画面最上部のメインメニューバーとブログタイトルとの間に挿入される自動広告を非表示にしたい。
モバイルはアドセンス管理画面の除外エリアで除外できています。が、デスクトップはメニューバー下がエリアとして認識されていないので除外できません。
こういうとき HTMLに google-ads-autoads-restricted クラスを追加すれば良いわけですね。
Chrome のデベロッパーツールでブログタイトルの上あたりを特定し、非表示のクラスを追加してデスクトップ版は無事にブログタイトル上の広告は消えました。簡単です。
モバイルは自動広告が消えてないじゃないか
これで完了と思ったらスマホで確認すると消えているはずの自動広告が消えていない。なぜだ？
しかも画面最上部のメニューバーに収まっているはずのブログタイトルが下に落ちている。なんでだ？
スーパー超シンプルテンプレートを確認してみると自動広告が表示される同じ設定なのに、ブログタイトルはメニューバーの中にちゃんと収まっている。
最悪、自動広告が除外できないことには目を瞑るとしても、メニューバーからブログタイトルが落ちるのは許せません。
というかデスクトップで消えているのにモバイルで消えない理由が判らないのが嫌だ。自動広告の配信設定はやめにすれば良いの？メニューバーはFooterより下にあった
HTMLを上から下まで眺めていて思い出したんだけど、メニューバーの HTML は Footer より下に書いてありました。
10年間のブランクがあったものですっかり忘れてました。
HTML 上で一番下書いてあるメニューバーは Script で画面最上部に引っ張り上げて表示される仕組みになっていたんですね。
ブログタイトルの位置がズレてしまった、画面の上の方に自動広告が表示されっぱなしになったのは、ブログの上に自動広告が挿入されていたのではなくブログの下に挿入されていて、それがメニューバーに連れられて画面の上に引っ張り上げられていた臭い。
<div class="google-ads-autoads-restricted">
<nav id="main-menu" class="navbar navbar-default" role="navigation" itemscope itemtype="//schema.org/SiteNavigationElement">
<div class="container-fluid">
<div class="navbar-header">
〜中略〜
</div><!-- google ads restriction -->
</nav>
メニューバーによって書き方は違うと思いますが main-menu とか navbar のような記述を見つけて、それを挟むように自動広告除外クラスを追加（赤文字）すれば良いわけです。
これでモバイルでも自動広告が除外されたはずなんですが、結果、ブログタイトルがメニューバーに収まっただけで自動広告は表示されたままです。
ということはメニューバーが自動広告を引っ張り上げている説は違うのか？
しかしデスクトップでは消えているのに、なんでだ？
どなたか分かる方いたしたら教えてください。
追記
現在追記
アドセンス管理画面の除外エリア設定で blockquote が選択できました。