티스토리 블로그 모든 내부 링크 현재 창으로 열기 설정하기
애드센스 수익형 블로그를 운영할 때 블로그 체류 시간을 높이기 위해서 포스팅 본문에 내부 링크를 많이 사용하고 있습니다. 그리고 내부 링크를 클릭할 경우 전면 광고가 송출되면서 부가적으로 구글 애드센스 수익도 증가하는 장점이 있습니다.
이번 포스팅에서는 전면 광고를 송출할 수 있도록 내부 링크를 사용하는 방법과 블로그내 모든 내부 링크를 전면 광고를 송출할 수 있도록 변경해주는 방법을 소개하겠습니다.
1. 전면 광고 송출 조건
블로그 포스팅내에 내부 링크를 클릭해서 전면 광고를 송출하는 방법에 대해서 설명하겠습니다. 전면 광고는 포스팅에 있는 내부 링크를 클릭했을 때 새창이 아닌 현재 창으로 사이트가 열릴 경우에만 전면 광고가 송출됩니다.
그런데 티스토리에서 내부 링크를 추가하면 기본적으로 새창으로 열기로 설정이 되어있습니다. 그래서 해당 내부 링크를 클릭해도 전면 광고가 송출되지 않습니다. 내부 링크를 추가할 때에는 반드시 링크 삽입/수정 메뉴에서 새창으로 열기 항목을 체크를 해제해야 합니다.
하지만 내부 링크를 추가할 때 마다 매번 새창으로 열기를 해제하는 작업은 상당히 번거롭습니다. 그래서 새창으로 열기를 체크 해제 않아도 자동으로 현재창으로 열리는 방법을 소개해드리겠습니다.
내부 링크 html 코드를 보면 target 옵션이 "_blank"일 경우 내부 링크가 새창으로 열립니다. 그래서 내부 링크 target 옵션을 강제로 삭제해버리는 코드를 넣어서 무조건 내부 링크를 현재창으로 열리게끔 하겠습니다.
2. 모든 내부 링크 현재창으로 열기 설정
티스토리 블로그 포스팅에 있는 모든 내부 링크를 현재 창으로 열리도록 하는 방법을 소개하겠습니다. 이 방법을 사용하면 매번 내부 링크를 작성 할 때 새창으로 열기 체크 해제를 안해줘도 되고, 미리보기 항목을 클릭했을 때도 현재창으로 열리게 됩니다.
[블로그관리 홈] → [꾸미기] → [스킨 편집] → [html 편집] 으로 들어갑니다.
html 코드에서 <body> </body> 사이에 아래 코드를 추가해주면 됩니다.
<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>저는 </body> 바로 위에 해당 코드를 넣어주었습니다. 아까 말했던 target 속성을 강제로 지우는 코드입니다.
이제 새창으로 열기를 해제하지 않아도 내부 링크를 클릭했을 때 현재 창에서 열리고, 애드센스 전면 광고도 잘 송출되는 것을 확인할 수 있습니다.
3. 마치며
티스토리 블로그 모든 내부 링크를 현재 창으로 여는 방법에서 대해서 자세히 소개해드렸습니다. 이 방법으로 구글 애드센스 광고 수익 증가에 조금이나마 도움이 되었으면 좋겠습니다.
'블로그 관리 > 티스토리' 카테고리의 다른 글
| 티스토리 블로그 애드센스 앵커광고 오퍼월 광고 설정 불가(제외 방법 공유) (3) | 2025.05.02 |
|---|---|
| 티스토리 블로그 코드블럭 꾸미기 highlight.js 적용 (1) | 2025.03.12 |
댓글