[Web] 웹사이트에 SNS 공유 기능 삽입 방법

웹사이트에 SNS 공유 링크가 어느 경우에 필요할까?

• 내가 만든 웹사이트인 세렝게티 MBTI 테스트는 각자의 성향에 따른 MBTI를 알려주는 사이트.
• 그렇기에, 나온 결과를 주변 사람들이나 지인에게 전달하는 기능이 필요!

그렇다면 과연 어떻게 링크를 만들어?

1. 우선 https://www.addthis.com/ 에 접속하여 로그인
   • 간단하게 구글로 gogogo
     
2. 그다음 파란색 버튼인 Get started, it's free 버튼을 클릭
3. 각자가 원하는 Tool을 설정.
   • 나는 버튼이 필요해서 버튼으로 설정.
4. 타입설정 → 버튼에 걸맞은 인라인으로 결정 후 하단에 continue 클릭
5. 그리고 나머지는 각 인라인 버튼들의 대한 설정인데, 나는 5개로 추가!
6. 그러고 activate 버튼을 누르면 카피할 수 있는 코드와 코드를 넣을 장소를 알려줌.
7. 해당 위치에 알맞게 삽입하면 해당 페이지에서 나오는 것을 확인할 수 있어!

결과

⇒ 공유 기능 자체가 결과를 전달하는 기능이기에, 결과 페이지에만 노출되도록 설정하고, 정상적으로 작동하는 모습!