[HTML/JS]홈페이지에 페이스북 좋아요 버튼을 달기

위와 같은 페이스북 좋아요, 공유버튼을 만들어 달아보자

https://developers.facebook.com/docs/plugins/like-button

위의 링크로 접속하면 페이스북 좋아요 버튼을 만들 수 있다.

<그림1>

위의 그림1과 같은 모습을 볼 수 있는데. 각 텍스트에 내가 원하는 값들을 넣으면 쉽게 Code 를 작성해준다.

URL to Like 에 좋아요 갯수를 올릴 링크를 넣고

Layout 과 Action Type 을 지정해주고, 옵션을 선택하고 Get Code 를 누르면 된다.

[ 가운데 미리보기를 보면서 만들면 누구나 쉽게 만들 수 있다]

<그림2>

그림2와 같이 만들어 준 코드를 홈페이지 나 블로그에 적용 하기만 하면된다.

Body 내에 스크립트를 넣어두고,

아래칸의 코드를 버튼을 두고싶은 위치에 적용하면 된다.

위와 같은 소스를 적용하면!

위와 같이 해당 사이트에 대해 좋아요를 표시하고, 좋아요 버튼을 누름으로서 페이스북에 뉴스피드에 홍보효과까지 생긴다!