반응형



    최근들어 트랙백 스팸이 너무 심해지던 찰나에 티스토리에서 대책을 내놓긴 했는데요,

    그것은 바로 트랙백기능 사용 중지.. (추후에 제대로된 기능을 내놓는다고 하긴 했지만요.)


    근본적인 해결법은 아니라 생각되어 다른방법을 찾던 중  해커C님의 스크립트를 알게되었습니다.

    http://hackerc.tistory.com/694


    저는 여기에 약간 수정을 가했습니다.

    • 블로그 주소 자동 인식
    • 버튼 스타일 적용
    • 주소복사버튼 추가

    주소복사는 다음을 참고했습니다.http://stackoverflow.com/questions/400212/how-to-copy-to-the-clipboard-in-javascript



    적용 방법

    적용방법은 Readiz님의 Fastboot 스킨을 기준으로 하지만 다른 스킨도 크게 다르지 않습니다.

    <script>

    var str="";

    str+="http://"+location.href.split('/')[2];

    str+="/trackback/";

    str+="[##_article_rep_id_##]";

    function hackerc(){

    document.getElementById("hackerc").innerHTML=str

    }

    function CopyTrackbackUrl(text) {

      window.prompt("복사하려면 Ctrl+C를 누른 후 엔터를 누르세요", text);

    }

    </script>

    1.위 코드를 skin.html에서 <s_tb>를 찾아 바로 윗줄에 붙여넣습니다.





    2. [샵샵_tb_address_##]가 포함된 줄을 찾아 삭제한 후 다음 코드를 대신 넣습니다.

    <div id="hackerc" onclick="javascript:hackerc();" style="float:left;margin:5px;padding:7px;background-color:#ddd;border-radius:5px;">눌러서 트랙백 주소 보기</div>

    <div id="CopyTrackbackUrl" onclick="CopyTrackbackUrl(str)" style="float:left;margin:5px;padding:7px;background-color:#ddd;border-radius:5px;">주소 복사</div>

    <div style="clear: both;"></div>



    이 줄을 찾아 삭제하고,(스킨마다 해당 줄의 내용에 차이가 있을 수 있습니다.)




    대신 이 코드를 붙여넣습니다.



    .



    적용결과


    적용 후 확인해보면 위와 같은 버튼이 생깁니다.(모양이 마음에 들지 않으신다면 적용방법 2번의 style="~ 부분을 직접 수정해 사용하세요.)



    트랙백 주소 보기 버튼을 누르면

    이렇게 주소가 나타나고,


    주소복사버튼을 누르면

    위와같이 복사할 수 있는 창이 나타납니다. (자동으로 복사해주는 기능은 위험해서 IE외 다른브라우저에서는 지원하지 않는군요.)




    마침

    이제 기존 트랙백 기능을 완전 대체할 정도가 된 것 같습니다.

    게다가 swf를 사용하던 주소복사버튼을 자바스크립트만을 이용하면서 플래시를 지원하지 않는 모바일에서도 브라우저에서도 주소복사기능이 작동하는 장점도 있네요.


    하루빨리 티스토리에서 쓸만한 스팸 방지 기능을 내놓았으면 좋겠습니다.


    다시한번 스크립트 아이디어 주신 해커C님 감사드립니다!


    반응형
    Posted by 뭐하라