Korean English Japanese

티스토리 링크 현재창에서 열기 자바스크립트 소스

티스토리에서 새 창에서 열기가 적용되어 있는 링크를 현재창에서 일괄적으로 열기로 적용하고 싶다면 아래와 같은 자바스크립트를 적용할 수 있습니다. 내부링크를 현재 열려있는 탭(같은 창)에서 열게 하는 방식입니다.

 

워드프레스 현재창에서 열기
워드프레스에서도 마찬가지로 동일하게 적용됩니다.

 

모든 링크 현재창에서 열기 일괄 변경

일괄적으로 현재창에서 열기를 적용하는 이유는 구글 애드센스에서 전면 광고가 뜨는 확률을 높이기 위함입니다. 전면광고의 경우 클릭률이 높아 구글애드센스 수익을 높일 수 있습니다. 따라서 모든 내부 링크에서 "target"이 적용되어 있는 링크 속성을 모두 제거(removeAttribute)하는 자바스크립트 소스[참고]입니다.

// Open internal links in same tab

<script>
	var links = document.getElementsByTagName("a");
var thisHref = window.location.hostname;
for(var i=0; i<links.length; i++) {
    templink = links[i].href;
	a = getLocation(templink);
	
    if (a.hostname == thisHref){ // if the link is not same with current page URL
         links[i].removeAttribute("target");
    }
}
	
	function getLocation(href) {
    var location = document.createElement("a");
    location.href = href;
    if (location.host == "") {
      location.href = location.href;
    }
    return location;
};
</script>
티스토리의 경우, 스킨 편집 › HTML 편집 › HTML 탭으로 이동하여 </body> 태그 바로 위에 코드를 추가 및 적용하시면 됩니다.

 

현재창에서 열기

이건 글 발행 넣기 기능

티스토리에서 기존 내부 링크를 추가하기 위해선 이전 글 발행 넣기 기능을 활용해야 합니다. 이렇게 추가 된 내부 링크들의 경우 처음 추가할 때는 새 창으로 열기 속성이 적용된 채로 추가되게 됩니다.

이런 경우에는 HTML 편집 모드에서 일괄적으로 변경하는 등의 번거로움이 있습니다. 이런 작은 시간 소모가 쌓이면 상당한 시간을 낭비하게 되니 글 작성량이 많을 경우에는 위의 자바스크립트 소스를 추가해주시면 되겠습니다.

 

관련 콘텐츠 같이 보기