트위터로 "Retweet"해 주는 버튼 2가지

2009.12.12 21:39 IT·인터넷/인터넷 서비스

요즘 트위터를 사용하시는 분이 많죠. 저도 하고 있습니다만, 아직까지는 블로그만큼이나 자주 하지는 못하고 있습니다. 그러나 제글을 더 많은 분께 보여 드리고 싶어서, 글을 올리면 제 트위터 계정에도 글이 올리도록 했습니다. 뿐만 아니라 트위터를 사용하시는 분 중에 제 글을 마음에 들어 하시는 경우를 생각하여, 그분의 트위터에 쉽게 글을 올려 다른 분께 소개할 수 있도록, "tweet" 버튼을 배치했습니다.

모양이 예쁜 Tweetmeme

이전에 사용했던 Tweetmeme입니다. 앙증맞은 것이 예쁘지 않나요?

블로그에 설치하는 방법은 매우 쉽습니다. 아래의 코드는 Tistory에서 제가 사용했던 코드입니다. 녹색 글씨를 운영하시는 블로그에 맞추어 수정하시고, 붉은색의 설명 글을 제거하신 후 스킨에 붙여 넣기를 하시면 됩니다.

<script type="text/javascript">
tweetmeme_service = 'bit.ly';     <--- 주소를 짧게 만들어 주는 서비스 웹 주소
tweetmeme_url = 'http://jwmx.tistory.com[ ##_article_rep_link_##]'; <--- 글의 원본 주소
tweetmeme_source = 'jwmx';    <--- 트위터 ID
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

tweetmeme는 예쁘고 깔끔해 보입니다만, 한 가지 아쉬운 점은 트윗하는 분이 tweetmeme를 처음 사용한다면, 서비스 사용을 위한 확인 페이지를 거쳐야 하고, 트윗할 때, 바로 내 트위터로 이동하는 것이 아니라 tweetmeme에서 제공하는 글쓰기 페이지로 이동합니다. 이런 방식을 좋아하시는 분도 계시겠지만, 어디를 한 번 거친다는 것이 살짝 마음에 들지 않네요. 더 자세한 내용은 tweetmeme.com help 페이지를 참고하세요. 

단순하지만 tweet하기 편한 BackType

만약 디자인은 떨어져도 "tweet" 기능에 충실하고 사용하는 방법이 쉬운 것을 찾으신다면 BackType을 권하고 싶습니다.

retweet 버튼을 클릭하면 트위터 로그인 페이지가 출력되고, 로그인 후에는 친숙한 트위터 쓰기 화면으로 이동하게 됩니다. 그렇다고 단점이 없는 것은 아닙니다. 원본 주소를 BackType를 만들어 주는데, 물론 짧은 주소를 만들어 주지만, 이상하게 그 주소를 클릭하면, 본문은 제대로 나오지만, 주소창의 주소를 보면, 이상하게 길게 나옵니다.

예를 들어, http://jwmx.tistory.com/1703 를 retweet로 올리면, http://bt.io/BUIh 로 주소를 줄여 주지만, 이 주소로 방문하면 아래와 같이 긴 주소가 출력됩니다.

별일이 아니다 할 수 있겠습니다만, 다시 이 주소로 retweet 하는 경우가 있을 수 있고, 즐겨 찾기나 다른 프로그램에 등록하는 경우를 생각한다면, 달갑지 않은 모습이다. 더 자세한 설명은 BackType를"Tweetcount Widget ? BackType" 페이지 내용을 참고하세요.

둘 중의 하나를 고르라면, Tweetmeme.

둘 모두 훌륭한 서비스입니다만, 지금은 Tweetmememy를 사용하고 있습니다. 위젯 모양이 예뻐서가 아니라, 트윗으로 내가 선택한 주소 줄여주기 웹 서비스를 이용하여, 원본 주소를 제대로 올려 주기 때문입니다. 글을 더 많은 분이 읽어 봐 주기를 위해 사용하는데, 엉뚱한 주소로 소개되는 것은 문제가 있다고 생각합니다. 물론 블로그 주소가 열리기는 하더라도 열리는 주소가 원본인 것이 옳다고 생각합니다.

저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
    • rainsound
    • 2009.12.13 12:21 신고
    음...제가 잘 몰라서 그런데요... 위의 구글리더 등록, 한RSS 등록, 트위터 등 (포스팅이 유익하셨다면 추천 부탁드립니다 Box)가 firefox에서는 다음view밖에 안 나오네요. explorer에서는 잘 보이는데....원래 그런건가요? 궁금해서요... 제가 firefox에서 뭔가 셋팅을 잘 못 했는지두..하여간 지금은 저 박스가 있었다는 것 조차 확인안될 정도로, 그냥 Daum view만 나오네요.. 신기.
      • 파폭 유저
      • 2009.12.13 17:33 신고
      저도 같은 상황이 일어 나네요... 파폭이 업데이트 되고 나서 좀 이상한 짓을 많이 하네요 -_-분명 사진파일이 있는데 아무 이상 없다는듯이 빈공간으로 표기를 해둘때가 있더군요. 차라리 엑박이라도 놔 두지 -_-. 이경운 웹표준따위를 안지켜서 그럴 확률이 더 높긴 하지만 그래도 깨지더라도 표기는 해야 하는거 아닌가요 -_-a
      이 글이 없었다면 저런 버튼이 있는지도 몰랐겠군요. 뭐 아예 사용을 안하는 버튼이긴 하지만 말입니다.
  1. 하단바의 테이블 정말 깔끔하네요.. 저도 위처럼 정리해보고 싶은데, 팁이라도 있을까요??
  2. 일본 분이 만든 twitter pin이라는 것도 좋습니다.
    http://www.duboot.com/lab/twitter/
    용도는 전혀 반대이지만...;;
  3. 도와주세요 ㅠㅠ
    위 소스올렷는데요
    않되요
    • 저도 http://pangsan.tistory.com/124 에서 알려준 코드에서 몇 가지 조금 수정했을 뿐, HTML에 대해서는 잘 알지 못합니다. http://pangsan.tistory.com/124 글을 참고해 보세요. ^^
  4. 백타입도 코드를 어떻게 활용하느냐에 따라 원본 주소를 그대로 사용할 수 있습니다 제 블로그 하단에 백타입이 설치되어 있는데 리트윗을 할 경우 블로그 원본 주소를 사용하게끔 해 놓았습니다 개인적으로는 여러 측면에서 백타입이 훨씬 나은거 같더라구요
  5. 글 잘 읽고 갑니다^^
    덕분에 좋은 정보 얻었어요..
    랙백이 걸고 갑니다..ㅎㅎ
  6. 리트윗을 할 경우 블로그 원본 주소를 사용하게끔 해 놓았습니다 개인적으로는 여러 측면에서 백타입이 훨씬 나은거 같더라구요