애드블록 애널리틱스 통계 추가 하는 방법

애드블록

애드블록을 사용하는 방법을 알아보았습니다. 그렇다면 애드블록 사용 통계를 알아내기 위한 애널리틱스 이용 방법을 확인해보도록 하며 추가 결과를 통해서 어떻게 확인을 하면 되는지 모두 알아보겠습니다.

원래 애널리틱스에 들어가서 행동- 이벤트- 개요 부분에 들어가면 별도의 설정을 하지 않았다면 보이는 것은 없을 것입니다. 원래 구글 애널리틱스 이벤트는 사이트에서 일어나는 이벤트들 즉 대표적으로 내가 원하는 기능 버튼들의 클릭, 다운로드, 구매, 전환 같은 이벤트 들이 일어 났을 때 태그 기록을 볼 수 있습니다.

결론적으로 이벤트 태그는 등록하고 싶은대로 만들어서 등록하면 되는데 애드블록이 감지되는 경우에 태그로 저장할 수 있도록 하면 됩니다. 

여기서 애드블록 사용자들을 탐색할 수 있도록 추가 스크립트를 블로그에 삽입하면 됩니다. 티스토리의 경우 </body>위에 감지 스크립트를 넣어주면 됩니다

애드블록 애널리틱스

<script>
var isMobile;
var filter = "win16|win32|win64|mac|macintel";
if ( navigator.platform ) { if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) { 	
	isMobile = true;
} else { 
	isMobile = false;	
} 
}
// Function called if AdBlock is not detected
function adBlockNotDetected() {
	console.log('AdBlock is not enabled');
}
// Function called if AdBlock is detected
function adBlockDetected() {
	console.log('AdBlock is enabled');
	try{
    	// 해당 부분이 이벤트 태깅
		ga('send', 'event', 'adblock', 'adblock_' + (isMobile ? "mobile" : "pc") );	
	}catch(e){console.error(e)}
}

// 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);
}	
</script>
</body>

</html>

 

적용하였다면 애널리틱스-실시간-이벤트 부분에서 적용이 잘 되었는지 확인하시면 되겠습니다