모두가 광고를 싫어합니다. TV, 영화, Youku 및 웹 페이지를 볼 때 나는 또한 하늘 전체에 날아가는 광고를 싫어합니다. 광고는 인기가없는 것입니다. 그러나 중소형 웹 사이트 웹 마스터/블로거의 경우 광고는 웹 사이트/블로그의 정상적인 운영을 지원할 수있는 유일한 자금의 출처입니다. 블로거가 원고를 이타 적으로 출판한다면 몇 년 동안 지속될 수있는 사람은 거의 없습니다. 그들 대부분은 천천히 그들의 열정을 잃었습니다.
Firefox와 Google Chrome에는 광고로 페이지를 차단할 수있는 플러그인이 있으며 가장 유명한 것은 Adblock 및 Adblock Plus입니다. 며칠 전, 나는 웹 사이트가 AdBlock 플러그인을 사용한 웹 사이트를 찾는 사용자 수를 확인하기 위해 통계를 받았으며이 숫자가 실제로 총 시청자 수의 1/5에 달한다는 것을 발견했습니다.
1/5는 많은 수입니다. AdBlock 플러그인을 1/5로 사용하는 사용자 페이지의 광고 공간을 다른 이미지로 어떻게 교체 할 수 있습니까? 이렇게하려면 가장 먼저해야 할 일은 AdBlock 플러그인이 현재 브라우저에서 사용된다는 것을 아는 것입니다. 일부 테스트 후 AdBlock은 "AD"또는 "Google 광고"와 같은 단어에 매우 민감하다는 것을 알았습니다. 특정 페이지 요소의 ID 또는 CSS 클래스 이름에 "ad"라는 단어가있는 한,이 요소는 기본적으로 AdBlock 플러그인에 의해 차단됩니다.
코드 사본은 다음과 같습니다.
<div class = 'Google-Ad testad'>이 div는 차단됩니다 </div>
이 규칙을 사용하면 JavaScript를 사용하여 현재 브라우저에서 AdBlock 플러그인이 활성화되어 있는지 확인할 수 있습니다. 먼저 Google 광고 코드를 DIV에 넣고 DIV의 CSS 클래스 이름을 Google 광고를 명확하게 나타내는 클래스 이름으로 넣습니다.
코드 사본은 다음과 같습니다.
<div class = 'Google-Ad testad'> Google 광고 코드를 여기에 배치하십시오 </div>
그런 다음 JS를 사용하여 페이지 하단에서 감지합니다.
코드 사본은 다음과 같습니다.
if ($ ( '. google-ad'). height () == 0) showotherImage ();
여기에 또 다른 문제가 있습니다. Google 광고는 일반적으로 DOM이로드 된 후 디스플레이를 나타냅니다. 로드 후 Google 광고가 감지되도록하려면 JS 코드에 지연된 실행 기능을 추가해야합니다. 이는 오류 감지를 피할 수 있습니다.
코드 사본은 다음과 같습니다.
$ (function () {
settimeout (function () {
if ($ ( '. google-ad'). height () == 0)
showotherimage ();
}, 3000);
});
showotherimage ()에서 무엇을 할 수 있습니까? 여기서 방법? JD.com, Dangdang 및 Amazon.com의 다른 웹 사이트에 프로모션 사진과 링크를 배치 할 수 있습니다. 커미션을 얻음으로써 손실에 대한 약간의 보상입니다.