티스토리 블로그_링크 "새창으로 열기" 자동 해제로 전면광고 유도하기

애드센스에서는 웹사이트에 개제할 수 있는 다양한 종류의 광고를 제공합니다. 제 경험을 비추어 보건대 전면광고가 가장 클릭률이 좋습니다. 전면광고는 방문자가 링크를 클릭하면 발생합니다. 그런데 중요한 것은 "새창으로 열기"의 경우 발생하지 않는다는 것입니다. 그래서 글에 삽입하는 링크는 "새창으로 열기"를 해제해 주는 것이 좋습니다. 저는 그동안 "새창으로 열기"를 수동으로 해왔는데요, "새창으로 열기"를 자동으로 현재창에서 열기로 바꿔주는 코드를 티스토리 스킨에 적용할 수 있다는 것을 알게 되었습니다.

1. "link.target = '_self'"와 "link.target = '_blank'"

웹사이트에서 링크를 누르면, ①새로운 창에서 열리거나 ②현재 창에서 열리게 됩니다. html 편집을 해줌으로써 링크를 어떤 방식으로 열지 지정해 줄 수 있습니다.

link.target = '_blank'	링크를 클릭할 경우, 링크가 새로운 창 또는 탭에서 열립니다. 이 새로운 창 또는 탭은 현재 창이나 프레임과는 독립적으로 작동합니다. 기존의 웹 페이지는 유지되며, 링크로 이동한 웹 페이지와 별개로 작업할 수 있습니다.
link.target = '_self'	링크를 클릭할 경우, 링크가 현재 창 또는 프레임에서 열립니다. 현재 창이나 프레임이 이미 다른 웹 페이지를 표시하고 있다면, 그 웹 페이지가 링크로 대체됩니다.

내 티스토리 스킨에 모든 링크에 대해서 "link.target=_self'"로 동작하도록 강제하는 코드를 넣어줄 것입니다.

2. "새창으로 열기" 자동 해제 코드 적용하기

"스킨 편집" - "html 편집"에 들어갑니다.

①</head> 태그 바로 위에 아래의 코드를 넣어줍니다. 아래의 코드블럭에서 복사해 가세요.

<!-- "새창으로 열기" 해제 시작 -->
<script>
	// HTML 문서가 로드되면 실행될 함수
	function setTargetToSelf() {
		// 문서 내의 모든 <a> 태그 선택
		var links = document.querySelectorAll('a');
		// 각 링크에 대해 target 속성을 '_self'로 설정
		links.forEach(function(link) {
			link.target = '_self';
		});
	}
</script>
<!-- "새창으로 열기" 해제 끝 -->

②<body> 태그 안에 아래 "onload="setTargetToSelf()""를 넣어줍니다. "body" 바로 뒤에 붙이시면 됩니다.