ウェブサイト ナビゲーション バーが Adsense 自動広告の挿入を妨げます

Google Adsense の自動広告は安心ですが、場合によっては不適切な場所に広告が掲載され、ユーザーのアクセスに重大な影響を与えることがあります。 たとえば、私のこのサイトでは、ナビゲーション バー (青いボックス内) の上下に不可解な広告が挿入されますが、このスマートなアルゴリズムも魅力的です。

私が以前にとった解決策は、バックグラウンド設定で対応するブロックを直接除外することでした。 これにより広告が減り、収益に影響が出る可能性があります。収益に反する行為はすべて削減する必要があります。

その後、「広告設定プレビュー」でブラウザ デバッグ ツールを開いたところ、Google が <header></header> のナビゲーションと並行して広告コードを挿入していることがわかりました。

まず header.html 部分のコードを見てください。

Google のアルゴリズムは、ヘッダーに広告ブロックを挿入することを優先しているようで、ナビの上下に 1 つの広告スペースがあり、結局のところ一等地です。

自動広告アルゴリズムは万能ではなく、私が使用しているスキンではヘッダーとナビゲーションが強く関連しており、ナビゲーションの一部のスタイルはヘッダーから継承されています。 何も変更しないと、ナビゲーション バーの青いバーに広告が挿入されることになりますが、これは非常に見苦しく、耐えられません。

腕で太ももをひねることができません。解決策は次のとおりです。

1. ヘッダースタイルをナビゲーションに配置します

このように、ヘッダー スタイルは空で、Google はやりたいことを何でもできます。ナビゲーションは独立しています。<nav></nav> に広告を入れるほど愚かでない限り、ナビゲーション バーはそのままです。そこでは、機能が表示され、スタイルは正常であり、ユーザーの使用には影響しません。

ちなみに、他の人から教えてもらった「サイドバー広告」をワイドスクリーンに表示しやすくするためにページも変更しました（結局のところ、Web サイトの維持にもお金がかかり、ドメイン名、ホスティング、費やした時間は決して支払われるわけではありません）戻る）。

2. ナビを常に表示させる

 1.nav
 2  color: $haze
 3  display: flex
 4  justify-content: space-between
 5  background-color: $bg
 6  padding: 0 1.5rem
 7  position: relative
 8  width: 100%
 9  z-index: 999999
10  left: 0

核となる属性は: position:relative と z-index: 999999 です。その結果、ナビゲーションには常に場所が存在します。ナビゲーションがブロックされたり混乱したりすると、Web サイトへのユーザーのアクセスに深刻な影響を及ぼします。入り口は厳しく管理されなければなりません。

3. 結果を表示する

最後に、広告プレビューに広告モジュールが表示され、ナビゲーションに押し込まれていないこと、上または下にあり、ナビゲーションに影響を与えないことを確認します。

以下に示すように:

ウェブサイトのスキンは人それぞれ異なりますが、同様の状況に遭遇した場合、読者はソースコードを見て、Google Adsense が自動的に挿入するブロックを確認し、状況に応じて対処することができます。