'트위터버튼'에 해당되는 글 2건

  1. 2012.02.25 트위터 버튼 만들기(Twitter Buttons). (1)
  2. 2012.02.25 팔로우 버튼 만들기(Twitter Buttons) (6)


트위터 버튼 만들기

Twitter Buttons

트위터 버튼 만들기

트윗 버튼 왼쪽 그림처럼 웹사이트에서는 방문자들이 웹사이트의 내용을 본인의 트위터 프로필에 쉽게 올릴 수 있습니다.

이 버튼을 방문자들이 클릭하면 내 웹페이지 링크와 메시지가 이미 입력된 트윗하기 창이 열립니다.

물론 사용자들이 보내기 전에 원하는 대로 트윗을 수정할 수 있습니다. 사용자들은 트윗 전송 후, 웹사이트를 떠나지 않고 내가 추천하는 관련 트위터 계정을 팔로우할 수 있는 기회도 주어집니다.

트윗 버튼이 왜 필요 한가

사용자들은 웹사이트에서 발견한 좋은 컨텐츠를 트위터를 통해 공유하는 것을 좋아합니다.
이 버튼은 사용자들이 내 웹사이트를 공유하기 쉽게 도와주며, 또한 내 트위터 계정을 소개하여 팔로우하도록 권장할 수 있습니다.
즉, 웹사이트 트래픽도 늘리고 트위터 팔로워도 늘릴 수 있는 방법입니다.


웹사이트에 트윗 버튼 추가하기:
아래 스크립트에서 붉은색 볼드로 처리된 글자만 자기 트위터 ID 로 바꾸고 블로그나 웹페이지의 달고싶은곳에 붙여 넣으면 됩니다. 


<a href="https://twitter.com/share" class="twitter-share-button" data-via="arirangkr" data-lang="ko">트윗하기</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). 
 




Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요

  1. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2012.02.24 20:47 신고  댓글주소  수정/삭제  댓글쓰기

    트윗 버튼(위 그림 참고)이 있는 웹사이트에서는 방문자들이 웹사이트의 내용을 본인의 트위터 프로필에 쉽게 올릴 수 있습니다. 이 버튼을 방문자들이 클릭하면 내 웹페이지 링크와 메시지가 이미 입력된 트윗하기 창이 열립니다.
    물론 사용자들이 보내기 전에 원하는 대로 트윗을 수정할 수 있습니다. 사용자들은 트윗 전송 후, 웹사이트를 떠나지 않고 내가 추천하는 관련 트위터 계정을 팔로우할 수 있는 기회도 주어집니다.


팔로우 버튼 만들기 
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). 
 
Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요

  1. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2012.02.25 07:14 신고  댓글주소  수정/삭제  댓글쓰기

    개인 홈페이지나 웹사이트 등에 왼쪽의 그림처럼 정제된 팔로우 버튼을 설치하면, 사용자들이 보고있는 사이트에서 바로 본인의 계정을 팔로우할 수 있습니다.

    따라서 사용자들은 twitter.com 에서 내 프로필 페이지에 가지 않고도 내 계정을 팔로우할 수 있게 되는 것이지요.

  2. BlogIcon 달잰 2012.02.25 08:58 신고  댓글주소  수정/삭제  댓글쓰기

    팔로우버튼 소스는 너무 감사한데...
    헉 ~ 이거 보고 다 타이핑 해야하나요ㅠ
    복사가 안되면..?

  3. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2012.02.25 10:11 신고  댓글주소  수정/삭제  댓글쓰기

    팔로우 버튼 만들기 Twitter Buttons

  4. Favicon of https://dramatique.tistory.com BlogIcon 블로그에세이-BlogEssay Dramatique 2012.02.25 10:47 신고  댓글주소  수정/삭제  댓글쓰기

    복사방지 무용지물
    http://dramatique.tistory.com/1548 여기보시면 복사 방법있습니다.

  5. BlogIcon 뭐하는 건지 2012.12.10 17:36  댓글주소  수정/삭제  댓글쓰기

    관리자의 승인을 기다리고 있는 댓글입니다



티스토리 툴바