文中に勝手に入るGoogleアドセンス自動広告の位置を制御設定する方法

なお、

• ヘッダーやフッターやサイドバーに入って来る広告を制御
• 1ページあたりの広告数を設定
• オーバーレイ広告を止めたい
• フル画面広告を止めたい

などについてはアドセンスの管理画面から設定できます。

そちらの設定については以下のページをご覧ください。(「THE THOR での設定」と書いてありますが、どのテーマでも適用できます)

あわせて読みたい

［WordPress］Googleアドセンス自動広告「THE THOR(ザ・トール)」でのコードの設定と位置カスタマイズ Googleアドセンスの自動広告によって、サイトのデザインが崩れたり、記事の文中に広告が勝手に入って読みづらくなったり、そういったデメリットにお悩みの方のために、G…

この記事では「文中に所かまわず入って来る広告を制御する」方法を書いていきます。

こういうようなことです。

アドセンス自動広告をDIVタグで囲ってみる

プレビューの段階で、自動広告入る気満々のスペースを文中に見つけたので…

検証してみたら、Google自動広告の要素が”.google-auto-placed”だということはわかりました。

広告に入られたくない部分をグループ化する

ブロックエディターの「グループ化機能」を使って括ります。

1. 広告に入られたくない部分をマウスで選択し
2. ブロックオプションの3点リーダーを開きます
   

3「グループ化」を選択

「グループ」にCSSクラスを設定してdisplay: none; しようかな、と考えたけれど……

ここは飛ばし読みしてください。

初めは、このグループにCSSクラスを設定し、CSSでグループに入って来るアドをdisplay: none; しようかと考えておりました。

.(あなたがブロックに指定したcss名) .google-auto-placed{
display: none;
}

しかし……

自動アドセンスの要素にdisplay:noneを指定することは違反なのか？

実は、アドセンスのポリシーには「display: none」で広告を制御することは違反だと記載されています。

以下は引用。

display:none などを使用して広告ユニットを隠す（ただし、レスポンシブ広告ユニットを実装している場合を除く）

https://support.google.com/adsense/answer/1354736?hl=ja

しかし、この一文の後半部分をご覧ください。

ただし、レスポンシブ広告ユニットを実装している場合を除く

https://support.google.com/adsense/answer/1354736?hl=ja

ただし、レスポンシブ広告ユニットを実装している場合を除く

ということで、当方では自動広告に「display: none」を適用することは順当。と判断しております。
(注:未確認です)

そもそも、自動広告はレスポンシブに対応させるための広告ですから、表示されているのは全てレスポンシブ広告ユニットと同じものです。

アドセンス自動広告にdisplay:noneが不安だったら……

とは言え、googleロボからはあなたが .google-auto-placedに指定した「display: none」が浮いて見えているので、もしも広告停止されたらどうしよう……という心配は起きると思います。

そのような場合は、「display: none」は外して構わないと当方は考えます。なぜなら……

様子を見ている限り、グループ化したゾーンにはグループ化しただけで、文の間に無理やり広告が入ることがなくなったから！

[検証]自動広告はDIVタグで括った場所には入ってこない

文中に広告が入っているスペースのソースを見てみると<P>で括られている間には入っていません。

</p>と次の<p>の間、あるいは何のタグにも括られていない文中に入ってきています。

グループ化した章は<div>タグで括られます。自動広告はタグで括った中には入ってきません。つまり……

広告に入ってほしくない部分は「グループ化」で括るだけで自動広告の無理くり侵入は防げる！！

と結論付けてよさそうです。良かった。

簡単に「グループ化」できないクラシックエディターの場合も理論は同じなので。

クラス名は何でも良いので広告に入ってほしくない部分を<div>で括ります。

括った部分には広告は入りません。