트위터 공식 공유 버튼 사용시 알아 두어야 할 점

트위터, 공식 공유 버튼의 지원

트위터에서 공식적으로 자신의 글을 팔로워들과 공유할 수 있는 공유 버튼을 선 보였습니다. 어제부터 제 블로그에서도 기존의 공유 버튼을 내리고 공식 공유 버튼으로 교체를 해서 사용 중이죠.

트위터의 공식 공유 버튼

- 트위터 공식 공유 버튼 설정 페이지

[외부링크] http://twitter.com/goodies/tweetbutton

- 트위터 공식 공유 버튼 설정 방법

[LiveREX] 트위터, 유용한 글을 간단하게 공유하려면?

사실 공식 공유 버튼이 나올 때 부터 알았지만 그동안 제 블로그에는 적용을 하지 않고 다른 서비스를 사용 중이었습니다. 허나 기왕이면 공식적으로 지원을 하는 것을 사용하는 것이 공유 버튼을 사용하시려는 방문자 분들께도 좋을 듯 하고 다른 블로거분들도 공식 공유 버튼으로 빠르게 교체를 하시기에 저 또한 대세에(?) 따라 교체를 하게 되었습니다.


아래의 내용은 스누피님의 도움으로 필요없는 내용이 되어 숨깁니다.

공식 공유 버튼 주소 링크의 문제점

제가 그동안 공식 공유 버튼을 사용하지 않은 이유가 바로 글의 주소를 추출하는 방식이 글의 고유 주소가 아닌 현재 사용자가 접속한 페이지의 주소를 바로 긁어가는 구조여서 그랬습니다. 제가 그동안 사용하던 공유 버튼은 글의 고유 주소를 긁어가는 방식이었죠.

현재 사용자가 접속한 페이지의 주소를 바로 긁어가는 경우 보드 기반의 커뮤니티나 사이트에서는 큰 문제가 되지 않지만 블로그에서는 아주 사소한 문제가 하나 생기게 됩니다. 쉽게 이해가 안 되시는 분들을 위해 다음을 예를 보여드리도록 하겠습니다.

현재 이 포스팅이 공개되기 바로 전의 글은 큰 변동이 없는 한 클리어타입(ClearType)이란? 글 입니다. 현재 이 포스팅을 작성하고 공개되기 전의 시점에서 해당 글은 총 세 가지의 주소로 접속이 가능합니다.[www.capple.co.kr 주소를 기준으로 현재 이 포스팅이 공개되기 전의 상황을 이야기 합니다]

① http://www.capple.co.kr
② http://www.capple.co.kr/?page=1
③ http://www.capple.co.kr/102

해당 글을 찾아오신 분들은 위의 세 가지 주소 중 하나의 주소로 접속을 하셨을 겁니다. 그리고 제 포스팅이 너무나 마음에 들어 자신의 트위터로 이 글을 알리고자 합니다. 각각의 주소에서 트윗 버튼을 클릭하여 공유해 보도록 하겠습니다.

http://www.capple.co.kr

http://www.capple.co.kr/?page=1

http://www.capple.co.kr/102

그러면 각각 아래와 같이 트윗이 발생하죠. 트윗에 포함된 링크는 단축 주소이기 때문에 판별하기가 불가능합니다. 그래서 그 아래에 현재 트윗에 포함된 단축 주소의 원래 주소를 표시해 주고 있습니다.

아무튼 트윗이 등록된 모습입니다.

현재 이 포스팅이 공개되기 전까지는 세 개의 트윗이 모두 같은 글을 가르키게 됩니다. 그러나 현재는 해당 글에 이어 새롭게 이 글이 발행되었죠. 어떤 일이 벌어질까요? 아래는 위에서 트윗한 세 가지 트윗에 포함된 단축 링크 입니다. 한번 클릭해서 모두 들어가 보시길 바랍니다.[위 트윗들은 제가 지우지 않고 남겨 두었으니 제 트위터로 접속하셔서 클릭해 보셔도 됩니다. ^^]

http://t.co/czZIu3E    ← ① http://www.capple.co.kr
http://t.co/hpEi18t     ← ② http://www.capple.co.kr/?page=1
http://t.co/WftnTXe    ← ③ http://www.capple.co.kr/102

어떻습니까? 세 번째 단축 링크를 제외한 나머지 두 단축 링크들은 의도했던 클리어타입(ClearType)이란? 글이 아닌 현재 이 글로 오게 되죠? 제가 블로그에 또 새로운 글을 등록하게 되면 앞의 두 단축 링크는 또 다시 다른 글로 가게 됩니다.

공유는 글의 고유 주소로

위에서 예제로 본 글의 주소들 중 세 번째와 같은 주소는 해당 글만이 가지고 있는 고유한 주소입니다. 그래서 이러한 주소를 고유 주소라고 하죠. 글을 다른 분들에게 소개할 때는 글의 위치가 변동되는 것을 고려하여[글의 페이지 번호가 바뀌는 등] 가급적이면 고유 주소로 링크를 걸어주는 것이 좋습니다.

그렇다면 블로그에서 현재 보고 있는 글의 고유 주소는 어떻게 접속하는 걸까요? 제 블로그가 티스토리 블로그이니 티스토리 블로그를 기준으로 설명을 드리겠습니다. 티스토리 블로그에 글의 고유 주소는 해당 글의 제목을 클릭하시면 됩니다. 그런 후 트윗을 하시면 해당 글의 고유 주소의 단축 링크가 포함된 트윗을 발행할 수 있습니다.

글의 제목을 클릭하여 고유 주소로 접속한 후 트윗하면 됩니다.

물론 트위터의 트윗 속에 포함된 단축 링크가 커뮤니티나 사이트, 블로그에 올린 글 속에 포함된 링크와 같이 상당히 오랜시간 지속적으로 영향을 가진다고 보기는 어렵습니다. 타임라인에서 길어야 하루 이틀 정도의 수명을 가진다고 볼 수 있죠. 그러나 타임 라인이 아닌 자신의 트위터 계정으로 접속하여 예전에 보았던 트윗의 정보를 찾는 분들도 분명히 계실 것이고 기타 여러가지 상황이 있을 수 있습니다.

티스토리 블로그 - 고유 주소로 트윗하게 만들기

스누피님의 댓글을 보고 글을 수정합니다. 도움을 주신 스누피님 감사합니다. ^^ 위에서 숨겨진 내용은 현재 단락의 내용이 적용되지 않은 블로그를 방문했었을 때를 대비하여 알아두시고 티스토리 블로그 운영자라면 트윗 버튼을 달 때 아래와 같이 설정하시면 됩니다.


1. Button 에서 자신의 블로그에 달길 원하는 버튼을 선택합니다.

2. Tweet text 에서 단축 링크의 앞에 추가 될 내용을 설정합니다. 간단하게 글의 제목만을 뽑을려면 아래와 같이 입력하시면 됩니다.

3. URL 에 단축 링크로 넣을 주소를 설정합니다. 아래의 내용 중 블로그 주소 부분만 자신의 블로그에 맞게 바꾸시면 됩니다.[내용은 티스토리 블로그 글의 고유 주소를 뽑는 URL 입니다.]

※ The URL for the page the button is on. - 접속한 페이지의 링크를 그대로 긁어오는 것

4. 트윗의 마지막에 추가 할 트위터 아이디를 입력합니다. 기본적으로 자신의 트위터 아이디가 설정되어 있습니다.[via @아이디 의 형식으로 트윗 됩니다.]

5. 코드를 복사하여 블로그의 원하는 위치에 넣어줍니다.

만약 트위터 공식 공유 버튼이 생기기 전 많이 사용되던 방식인 RT @아이디 제목 링크 의 형식으로 트윗이 발생하게끔 하고 싶으시다면 4 단계에서 아이디를 비워주시고 2 단계에서 글의 주소를 나타내는 치환자 앞에 RT @아이디 넣어 RT @아이디 [샵샵_article_rep_id_샵샵] 과 같은 형식으로 넣어주시면 됩니다. 이상입니다. ^^