AdBlock_javascript 기술에 의해 페이지의 광고가 차단되는지 확인하기 위해 JavaScript를 구현하는 방법

광고는 누구나 싫어합니다. TV를 볼 때, 영화를 볼 때, Youku를 볼 때, 웹서핑을 할 때 여기저기 날아다니는 광고도 싫습니다. 광고는 불쾌한 일입니다. 그러나 중소 규모의 웹마스터/블로거에게는 웹사이트/블로그의 정상적인 운영을 지원할 수 있는 거의 유일한 자금원이 광고입니다. 블로거가 사심 없이 기사를 게시한다면 몇 년 동안 지속될 수 있는 사람은 거의 없습니다. 대부분 천천히 열정을 잃습니다.

Firefox와 Google Chrome에는 모두 페이지에서 광고를 차단할 수 있는 플러그인이 있으며, 가장 유명한 플러그인은 AdBlock과 AdBlock Plus입니다. 며칠 전 해당 웹사이트를 탐색한 사용자 중 얼마나 많은 사용자가 AdBlock 플러그인을 사용했는지 통계를 냈는데, 실제로 이 숫자가 전체 방문자 수의 1/5에 해당하는 것으로 나타났습니다.

1/5는 큰 숫자입니다. AdBlock 플러그인을 사용하는 1/5 사용자의 페이지에서 광고 공간을 다른 이미지로 어떻게 바꿀 수 있습니까? 이를 위해서는 먼저 현재 브라우저에서 AdBlock 플러그인이 사용되고 있는지 알 수 있는 방법이 필요합니다. 몇 가지 테스트를 거친 후 AdBlock은 "Ad" 또는 "Google AD"와 같은 단어에 매우 민감한 것으로 나타났습니다. 특정 페이지 요소의 ID 또는 CSS 클래스 이름에 "Ad"라는 단어가 있는 한 이 요소는 기본적으로 플러그인이 차단되었습니다. 즉, display:none:

코드 복사 코드는 다음과 같습니다.

이 div는 차단됩니다

이 규칙을 사용하면 JavaScript를 사용하여 현재 브라우저에 AdBlock 플러그인이 활성화되어 있는지 확인할 수 있습니다. 먼저 div에 Google 광고 코드를 넣고, div의 CSS 클래스 이름에 Google AD를 명확하게 나타내는 클래스 이름을 넣습니다.

코드 복사 코드는 다음과 같습니다.

여기에 Google 광고 코드를 입력하세요

그런 다음 Js를 사용하여 페이지 하단에서 감지합니다.

코드 복사 코드는 다음과 같습니다.

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

Google 광고는 일반적으로 Dom이 로드된 후에 표시됩니다. Google 광고가 로드된 후 감지되도록 하려면 잘못된 감지를 방지하기 위해 js 코드에 지연 실행 기능을 추가해야 합니다.

코드 복사 코드는 다음과 같습니다.

$(함수(){
setTimeout(함수(){
if ($('.google-ad').height() == 0)
showOtherImage();
},3000);
});

여기서 showOtherImage() 메소드로 무엇을 할 수 있나요? 우리는 JD.com, Dangdang, Amazon 및 기타 웹사이트의 홍보 사진과 링크를 게시하고 커미션을 받을 수 있으며 이는 손실에 대한 약간의 보상으로 간주될 수 있습니다.