티스토리 블로그에 Retweet 버튼 달기 예시
internet / 2009/07/31 01:13
 |
Backtype에서 제공하는 플러그인인데, 특징은 다음과 같습니다.
1) 자신의 글을 누가 트위터에서 인용하는지 알 수 있음.
2) 간편하게 블로그 글을 트위터로 전송하는 기능(Retweet Button).
살짝 헤매서, 티스토리 사용자를 위해 사용예를 공유합니다.
가장 간단하게 붙이는 코드
<div style="float:right; margin-left: 10px; ">
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
</div>
그런데 그냥 붙이면 티스토리 사용자의 경우
1. 흰색 배경이 아닌 경우 보기에 안 좋을 수 있고
2. (그리고 치명적으로) 절대 url을 지정하지 않으면 tweets 숫자가 왔다갔다 할 수 있습니다. 즉, 블로그 접속화면이 최근글인 경우, 그 글의 tweets 대신에 접속화면 url 의 트윗 개수가 표시되지요. 또한 페이지를 넘기기 시작하면 http://yourdomain.com/?page=2 와 같은 이상한 주소의 tweets 가 해당 글의 tweets로 출력됩니다. 이런 주소는 지금 보고 있는 고유주소의 tweet 수와는 무관하겠지요.
응용코드
<div style="float:right; margin-left: 10px; ">
<script type="text/javascript">
tweetcount_url = 'http://블로그주소[$$_article_rep_link_##]';
tweetcount_src = 'RT @SeoulRain';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'large';
tweetcount_text = '글자색상';
tweetcount_background = '배경색상';
tweetcount_border = '테두리색상';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
</div>
1) 인용주소를 항상 그 글의 절대주소로 고정합니다. 자신의 블로그 주소 옆에 해당 글의 치환자를 추가하여 적습니다. $$ 을 ##으로 고쳐주세요.
2) RT @트위터아이디 와 같이 글을 퍼갔을 때 자신의 아이디를 남깁니다.
3) tweetcount_via 를 false 로 하지 않으면 보기 싫은 via backtype 이라는 표시가 남습니다.
4) small 버전 디자인이 좀 구리네요.
5) 기타 색상코드를 적용합니다.
아래는 응용 예제입니다.
<div style="float:right; margin-left: 10px;"><script type="text/javascript">tweetcount_url = 'http://seoulrain.net[# #_article_rep_link_##]';tweetcount_src = 'RT @SeoulRain';tweetcount_via = false; tweetcount_links = true;tweetcount_size = 'large';tweetcount_text = 'F3F4F5';tweetcount_background = '0077bb';tweetcount_border = 'CCCCCC';</script><script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script></div>
