誰もが広告が嫌いです。テレビ、映画、Youku、Webページを見ているとき、私は空を飛んでいる広告も嫌いです。広告は人気がないものです。ただし、中小のWebサイトのWebmaster/Bloggerの場合、広告は、Webサイト/ブログの通常の運用をサポートできる唯一の資金源です。ブロガーが無私無欲に原稿を公開している場合、数年間持続できる人はほとんどいません。彼らのほとんどはゆっくりと熱意を失いました。
FirefoxとGoogle Chromeには、広告へのページをブロックできるプラグインがあり、その中で最も有名なのはAdblockとAdblock Plusです。数日前、私は統計を行い、Adblockプラグインを使用したWebサイトを閲覧するユーザーの数を確認しましたが、この数は実際には視聴者の総数の1/5に相当していることがわかりました。
1/5は多数です。 1/5でAdblockプラグインを使用しているユーザーのページで、広告スペースを他の画像に置き換えるにはどうすればよいですか?これを行うためには、最初のことは、Adblockプラグインが現在のブラウザで使用されていることを知ることです。いくつかのテストの後、Adblockは「広告」や「Google AD」などの単語に非常に敏感であることがわかりました。特定のページ要素のIDまたはCSSクラス名に「広告」という単語がある限り、この要素は基本的にAdblockプラグインによってブロックされます。つまり、表示:なし:なし:
コードコピーは次のとおりです。
<div class = 'google-ad testad'>このdivはブロックされます</div>
このルールを使用して、JavaScriptを使用して、現在のブラウザでAdblockプラグインが有効になっているかどうかを発見できます。まず、Google Ad CodeをDIVに入れ、DIVのCSSクラス名をGoogle ADを明確に表すクラス名に入れます。
コードコピーは次のとおりです。
<div class = 'google-ad testad'> Google広告コードをここに置きます</div>
次に、JSを使用して、ページの下部で検出します。
コードコピーは次のとおりです。
if($('。Google-Ad ')。height()== 0)showtherimage();
ここには別の問題があります。 Google広告は通常、DOMがロードされた後にディスプレイを参照します。ロード後にGoogle広告が検出されるようにするために、JSコードに遅延した実行機能を追加する必要があります。これにより、エラー検出が回避されます。
コードコピーは次のとおりです。
$(function(){
setimeout(function(){
if($('。google-ad ')。height()== 0)
showtherimage();
}、3000);
});
Showtherimage()で何ができますか。ここの方法? JD.com、Dangdang、およびAmazon.comの他のWebサイトにいくつかのプロモーション写真やリンクを配置できます。手数料を取得することにより、それは多少損失に対する少しの補償です。