본문 바로가기

컴퓨터/인터넷/네트웍/IT/소시얼네트웍(SNS)

팔로우 버튼 만들기(Twitter Buttons)

반응형
팔로우 버튼 만들기 
Twitter Buttons

팔로우 버튼

팔로우 버튼 만들기 Twitter Buttons

개인 홈페이지나 웹사이트 블로그 등에 왼쪽의 그림처럼 정제된 팔로우 버튼을 설치하면, 사용자들이 보고있는 사이트에서 바로 본인의 계정을 팔로우할 수 있습니다.
 
따라서 사용자들은 twitter.com 에서 내 프로필 페이지에 가지 않고도 내 계정을 팔로우할 수 있게 되는 것이지요.

트위터에 이미 로그인된 사용자는 팔로우 버튼을 클릭하기만 하면 나를 팔로우하게 될것이고,
팔로우 버튼 옆의 아이디를 클릭하면, 팝업 창이 나타나며 계정에 대한 간단한 정보를 확인할 수 있을것입니다.

로그인하지 않은 사용자가 팔로우 버튼을 클릭하면, 내 팔로잉/팔로워 정보를 포함한 팝업 창이 나타나며, 여기서 바로 로그인을 해야 할것이며 그후 바로 나를 팔로우할 수 있게 될것입니다.

아래 스크립트에서 붉은색 볼드로 처리된 부분만 자기 트위터 ID로 바꾸고 블로그나 웹사이트의 HTML 소스에서 원하는 위치에 삽입하시면 됩니다.

 
<a href="https://twitter.com/arirangkr" class="twitter-follow-button" data-show-count="false" data-lang="ko">@arirangkr 팔로우하기</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

복사 안되는 분은 아래 댓글에 보면 됩니다. >
 

 
관련링크:
팔로우 버튼 만들기(Twitter Buttons)
 
트위터 버튼 만들기(Twitter Buttons). 
 
반응형