티스토리 스팸 트랙백 차단 방법, 업그레이드 버전

티스토리 트랙백 스팸 차단방법에서 공유했던 스크립트(SCRIPT)에 대해 불편한 사항이 있어서, 스크립트 내용을 조금 업그레이드 하였습니다. 이전 버전에서 사용한 스크립트는 innerHTML을 이용하여, HTML 속의 텍스트를 교체시키는 효과를 주어 분리되어있는 트랙백 주소를 합쳐서 출력시켜 주었습니다. 하지만 innerHTML는 브라우저의 보안등급에 따라 '교차 스크립트 차단'이 되어 작동하지 않아, 모든 브라우저에서 사용할 수 있는 버전으로 업데이트 하였습니다.

이번 업그레이드 버전에서는 "우클릭 방지, 드래그 방지 등등"의 스크립트 혹은 플러그인을 사용하더라도, 해당 트랙백 주소는 선택(드래그)할 수 있게 적용하였으며, 보안등급에 따른 작동 문제를 제거하기 위해 innerHTML도 사용하지 않고, 후킹에 관한 이야기가 나올 수 있는 프롬프트(prompt)도 사용하지 않았습니다.

테스트 브라우저는 인터넷 익스플로러:IE(6, 7, 8, 9, 10, 11), 크롬, 파이어폭스, 안드로이드 브라우저에서 했으며 이상 없이 작동합니다. 그리고 '복사'기능을 넣으려 했지만, 스크립트로만 구현할 경우 크로스 브라우징이 되지 않아 적용하지 않았으며, jQuery와 SWF를 이용한 방법도 모바일에서 제대로 지원되지 않아 추가하지 않았습니다.

/* <script>는 <s_tb>위에 적용하세요.*/
<script>
function hackerc_com(){
var str="";
str+="자신의 블로그 주소"; // 예) http://hackerc.tistory.com
str+="/trackback/";
str+="[샵샵_article_rep_id_샵샵]"; // 샵샵은 ##으로 변경하세요
document.getElementById("hackerc_trackback").value=str;
document.getElementById("hackerc_trackback").select();
}
</script>

// 트랙백 주소와 '복사', '관련글쓰기' 버튼을 출력하는 치환자(!!)는 티스토리에서 업데이트 할 때 까지 삭제
// 치환자는 트랙백 영역에 있는 [샵샵_tb_address_샵샵] (샵샵은 "##")입니다.

// 다음 코드는 출력하고자 하는 위치에 적용하시면 됩니다. (단, script보다 밑에 위치시키세요.)
// (혹시 외부CSS에서 관여하는 부분이 있을 수도 있기에, 모두 "!important" 적용했습니다.)
<div style="position:relative !important;padding:10px !important;margin:3px !important;border:1px solid #BBB !important;background-color:#F7F7F7 !important;font-size:14px !important;line-height:1 !important;color:#333 !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px !important"><input type="text" id="hackerc_trackback" name="http://hackerc.com" onclick="javascript:hackerc_com()" value="트랙백 주소보기" style="display:block !important;overflow:hidden !important;width:100% !important;height:30px !important;padding-top:2px !important;margin-bottom:7px !important;border:1px solid #E0E0E0 !important;background-color:#FFF !important;text-indent:8px !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px !important"><span style="position:absolute !important;padding:10px 7px 10px !important;right:0 !important;bottom:0 !important;font-size:12px !important;color:#AAA !important;cursor:pointer !important" title="적용방법" onclick="window.open('http://hackerc.tistory.com/700')">{ ? }</span><span style="font-size:12px !important;color:#999 !important">※ 스팸 트랙백 차단중 ...</span></div>
※ 스팸 트랙백 차단중 ...

▲ 미리 보기에서는 주소가 "해커 C" 블로그 주소가 나오게 해두었으며, 실제로는 트랙백 주소가 출력됩니다. 그리고 현재 적용된 스타일은 요즘 국내 모바일 웹에서 많이 사용하는 타입을 선택했습니다. CSS를 제어할 수 있다면, 원하는 타입으로 변경하시어 사용하시면 됩니다.

티스토리에서 블로그 전체 글에 대한 트랙백 차단기능을 업데이트하여 그나마 다행이긴 하지만, 트랙백 기능 자체를 사용하지 못하게 하는 것으로는 대안이 되지 않을 거 같아, 개인적으로 사용할 수 있는 스크립트를 작성하게 되었습니다. (※) 현재 "해커 C 이야기"에서는 IP 차단, 홈페이지(URL)차단, 작성자 차단에 대한 스팸 필터는 "욕설"만 추가해두었으며, [Akismet] 플러그인도 사용하지 않고 있습니다.