본문 바로가기

WEB_TECH/웹개발TIP

[SNS연동] 웹페이지에 tweet버튼 달기

요즘은 SNS의 시대인것 같습니다.

SNS를 사용하면 정보의 확산속도도 빠르고 좋은 홍보수단이 될 수 있습니다.

 

대표적인 것으로 twitter와 facebook이 있습니다.

우리나라 것으로는 카카오톡이 가장 대표적인 SNS라 하겠습니다.

 

자 그럼 내 웹페이지가 twitter와 연동되도록

웹페이지에 twitter버튼을 달아보도록 하겠습니다.

 

다음 링크로 갑니다.

https://twitter.com/about/resources/buttons#tweet

 

 이런 화면이 나오죠.

링크공유하기 버튼을 선택하구요.

URL은 내가 사용하고자 하는 경로를 입력해 줍니다.

트윗문구는 페이지제목으로 하면 <title>태그의 값이 출력이 됩니다.

아래버튼을 체크하면 원하는 문구를 넣을 수도 있습니다.

갯수보이기 체크하구요.

출처는 자기 트위터 아이디가 들어가는데요. 빼도 됩니다.

 

오른쪽에보면 미리보기와 코드가 있는데 여기에 있는 코드를 복사해 줍니다.

 

에디터에 붙여넣기 하고 저장한 뒤

 

 

저장한 문서를 실행하면 다음과 같이 버튼이 나옵니다.

 

 

이렇게 간단하게 내 페이지를 트위터 팔로어들에게 홍보할 수 있는 버튼이 만들어 졌습니다.

이 페이지가 맘에 드셨으면 추천버튼 부탁드려요.