JavaScript を実装して、ページ上の広告が AdBlock_javascript スキルによってブロックされているかどうかを確認する方法

誰もが広告を嫌います。テレビを見たり、映画を見たり、Youkuを見たり、ウェブを閲覧したりしているときに、あちこちに飛び交う広告も嫌いです。広告というのは不快なものだ。しかし、中小規模のウェブマスター/ブロガーにとって、広告はウェブサイト/ブログの通常の運営をサポートできるほぼ唯一の資金源です。ブロガーが無私無欲で記事を公開するだけであれば、数年間続けられる人はほとんどいません。ほとんどの場合、徐々に熱意が失われます。

Firefox と Google Chrome にはどちらも、ページ上の広告をブロックできるプラグインがあり、最も有名なものは AdBlock と AdBlock Plus です。数日前、Web サイトを閲覧したユーザーの中で AdBlock プラグインを使用したユーザーの数を統計したところ、この数は実際に訪問者数全体の 1/5 を占めていたことがわかりました。

1/5 は大きな数字です。 AdBlock プラグインを使用している 1/5 ユーザーのページの広告スペースを他の画像に置き換えるにはどうすればよいですか?これを行うには、まず AdBlock プラグインが現在ブラウザで使用されていることを知る方法が必要です。いくつかのテストの結果、AdBlock は「Ad」や「Google AD」などの単語に非常に敏感であることがわかりました。特定のページ要素の ID または CSS クラス名に「Ad」という単語が含まれている限り、この要素は基本的に影響を受けます。 AdBlocked になります。プラグインはブロックされています。つまり、display:none:

コードをコピーします コードは次のとおりです:

この div はブロックされます

このルールを使用すると、JavaScript を使用して、現在のブラウザで AdBlock プラグインが有効になっているかどうかを確認できます。まず、Google 広告コードを div に配置し、Google AD を明確に表すクラス名を div の CSS クラス名に追加します:

コードをコピーします コードは次のとおりです:

ここに Google 広告コードを配置します

次に、Js を使用してページの下部を検出します:

コードをコピーします コードは次のとおりです:

if ($('.google-ad').height() == 0) showOtherImage();

ここには別の問題があります。Google 広告は通常、Dom が読み込まれた後に表示されます。Google 広告が読み込まれた後に確実に検出されるようにするには、遅延実行機能を js コードに追加する必要があります。

コードをコピーします コードは次のとおりです:

$(関数(){
setTimeout(function(){
if ($('.google-ad').height() == 0)
showOtherImage();
},3000);
});

ここで showOtherImage() メソッドで何ができるでしょうか? JD.com、Dangdang、Amazon、その他の Web サイトから宣伝用の写真やリンクを掲載すると、損失の少しの補償とみなせるコミッションを受け取ることができます。