애드블록 사용 방법 코드 광고를 제거하는 효과적인 비법은?

애드블록

많은 분들이 에드센스를 사용하는 동시에 애드블록 역시 사용하고 있씁니다. 너무 많은 광고가 보이면 눈살이 찌뿌려지기 마련인데 기사를 읽지 못할 정도로 심한 경우가 있습니다. 이를 어떻게 해결하면 좋을지에 대해서 알아보겠습니다.

저는 차단하는 방법도 알려드릴거고, 응용하여 공손한 메세지를 보여주는 타입으로도 알려드릴겁니다~ 

스크립트

// Function called if AdBlock is not detected
function adBlockNotDetected() {
	alert('AdBlock is not enabled');
}
// Function called if AdBlock is detected
function adBlockDetected() {
	alert('AdBlock is enabled');
}

// We look at whether FuckAdBlock already exists.
if(typeof fuckAdBlock !== 'undefined' || typeof FuckAdBlock !== 'undefined') {
	// If this is the case, it means that something tries to usurp are identity
	// So, considering that it is a detection
	adBlockDetected();
} else {
	// Otherwise, you import the script FuckAdBlock
	var importFAB = document.createElement('script');
	importFAB.onload = function() {
		// If all goes well, we configure FuckAdBlock
		fuckAdBlock.onDetected(adBlockDetected)
		fuckAdBlock.onNotDetected(adBlockNotDetected);
	};
	importFAB.onerror = function() {
		// If the script does not load (blocked, integrity error, ...)
		// Then a detection is triggered
		adBlockDetected(); 
	};
	importFAB.integrity = 'sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=';
	importFAB.crossOrigin = 'anonymous';
	importFAB.src = 'https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js';
	document.head.appendChild(importFAB);
}

위에 코드를 복사해서 </body> 태크 바로 위에 넣으시면 됩니다. 코드 위아래로 <script> ~ </script> 만들어서 넣어야 합니다

코딩을 잘 몰라도 대충 알 수 있으며 이걸 그대로 적용하면 alkert 라는 부분이 뜨고 저 부분을 지우조 넣고 싶은 기능을 넣으면 됩니다.

예를 들어 애드블록이 활성화된 브라우저의 경우 쇼핑 검색창을 삽입하는 그런 형태입니다

다만 애드블록을 사용해서 막은 사람에게 컨텐츠 뷰 자체를 막고 싶은 생각은 크게 없습니다. 컨텐츠가 그리 좋은 것도 아니고 강제로 막아서 푼다고 해도 반발 심리를 자극할 수 있고 유독 한국에서는 그런 심리가 심한데 해외의 경우 도움 받은 글에 광고를 한 번 씩 눌러주는 문화가 있다고 합니다. 일종의 팁인데, 우리나라도 그런 문화가 더욱 발전하면 좋겠습니다