[트위터 활용사례-2] 블로그와 트위터 연동하는 backtype

가끔 블로그 포스팅을 보다 보면 글 오른쪽이나 왼쪽에 조그마한 버튼이 하나 있는 것을 볼수가 있다. 바로 트위터와 연동하여 좋은 블로그 포스팅이나 유익한 블로그 포스팅이 있으면 트위터로 리트윗 해 주는 버튼이다.

트위터러가 많이 늘어나고 있기 때문에 조금 더 다양한 채널을 이용하게 되는 것이다. 그런 가운데 콘텐츠 하나하나마다 코멘트를 달고 절대경로를 추적하여 그 콘텐츠에 대해서 서로 코멘트를 한번에 알아 볼수 있는 서비스가 있다.

그것이 바로 backtype 이란 서비스이다.

처음엔 신기하기도 하고 블로그와 트위터를 동시에 사용하는 사람이라면 한번쯤 버튼을 붙여 보고 싶은 생각이 든다. 하지만 어떻게 해야 하는지 헤메는 경우가 있었는데 다행히 잘 포스팅 해 준 글이 있어 어렵지 않게 버튼을 붙일수 있었다.

처음부터 잘 아는 사람은 없다. 먼저 연구하고 알아낸 사람이 자신의 블로그에 포스팅하고 그 지식이 공유가 되고 또 다른 초보자가 그 지식을 공유하고 그렇게 퍼져 나가는 것이다.

설명이 길었다.

소스코드를 살펴 보자. 웹사이트에서 제공하는 소스 활용 방법이다.

Parameter	Default	Description
tweetcount_url	Current URL	The URL to measure tweets for
tweetcount_title	Title of current page	The title of the page for retweets
tweetcount_src		Leading text for retweets
tweetcount_via	true	If tweets contain '(via @BackType)'
tweetcount_links	false	If links should be opened in new windows
tweetcount_size	"large"	Size of button ("large" or "small")
tweetcount_api_key		Awe.sm API Key for custom URL shortener
tweetcount_short_url	Generated (bt.io)	Specify the pre-shortened URL that you would like to use
tweetcount_background		Button background color (e.g. 'FFFFFF')
tweetcount_border		Button border color (e.g. 'CCCCCC')
tweetcount_text		Button text color (e.g. '000000')

잘 모르시는 분은 아래 소스를 가져다 자신의 것으로 편집만 하자.

<div style="float:right; margin-left: 10px; "> 

<script type="text/javascript"> 

tweetcount_url = 'http://자신의 블로그주소'; 

tweetcount_src = 'RT @자신의트위터주소'; 

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>

나머지 색상등은 우선 붙여보고 마음에 들지 않으면 색상표를 보고 적당히 편집하자..

편집이 끝나면 티스토리 사용자는 해당 소스를 가지고 본문 적당한 곳에 붙여 넣기 하면 된다. 혹시 잘못 위치를 잡을 경우 스킨이 깨어지는 경우가 있으니 몇번 시도해 보고 가장 좋은 자리에 위치 하면 되겠다.

이제 이렇게 하여 자신의 블로그 포스팅을 트위터와 연동하여 리트윗이 된다. 그리 어렵지 않다. 하지만 처음 시작 하는 사람에게는 다소 어려울수도 있다.