12/15/2012

블로그에 페이스북 좋아요, 답글, 다음뷰 손가락 버튼 넣기




Blogger나 Tistory 블로그의 경우 외부 태그를 허용하기 때문에 스크립트 코드를 이용해서 외부 플러그인을 삽입 할수있다.
몇 안되는 방문자 중에서 메타블로그를 통한 유입보다는 검색엔진의 검색을 통해 유입되는 숫자가 많은 편이지만..
유일하게 이용하고 있는 메타블로그 다음뷰의 손가락 버튼, 한국에서는 그리 사용자가 많은것 같진 않은 페이스북의 좋아요 버튼과 답글을 삽입 하는 방법에 대해서 알아본다.

Tistory는 환경설정의 플러그인 쪽에서 지원하긴 하지만 페이지내에 코드를 직접 삽입하면 원하는 위치에 원하는 모양으로 놓을 수 있다.
Blogger는 가젯을 통해서 지원하지만 다음뷰, 페이스북은 없으니 역시 직접 코드를 삽입하는 방법을 사용해야 한다.(사이드바의 경우 html 코드 위젯을 이용하면 됨)

Facebook
페이스북 소셜 플러그인 페이지 에 보면 좋아요, 답글, 공유 등 플러그인을 제공하고 있다.
원하는 플러그인 페이지에 들어가서 URL을 적고 코드를 생성하면 되는데, URL부분을 각 글의 주소로 바꿔줘야 한다. (너무 당연한 건가..)
내 경우 처음 페이스북 답글 플러그인을 블로그 주소(http://badaro2001.blogspot.com)로 생성한 코드를 여러글에 삽입했었는데 한군데서 작성한 답글이 모든 글의 답글에 표시되는 상황이 연출 되었다.
난 사실 코드가 삽입된 글의 주소를 받아가서 자동으로 고유한 답글을 생성되는 그런 자동화된 뭔가를 상상했었다..



윗 부분은 코드는 페이스북 플러그인 공통 코드로 한 페이지내에 한번만 넣으면된다.
좋아요와 답글 두개의 플러그인을 삽입하고 싶다면 1번 코드를 한번 넣고 각각에 해당되는 2번 코드 두가지를 원하는 위치에 삽입하면된다.
2번 코드가 각 플러그인을 불러오는 코드인데
URL에 따라서 별개로 구별되니 각 글에 삽입하고 싶다면 이부분만 변경해서 넣어주면된다.

이글에 페이스북의 좋아요,답글 플러그인을 달아본다면..
편집기를 HTML로 전환한뒤 1번 코드는 아무곳에나 넣어주고,
원하는 위치에 좋아요, 답글에 해당하는 2번 코드에서 URL부분을 이 글 주소로 바꿔주고 넣어주면 아래와 같이 페이스북 플러그인이 나타난다. 짠...




Daum View
다음뷰 페이지에서는 My View 퍼가기에서 자신의 글 목록이 나오는 위젯만 제공하고 손가락 버튼을 넣는 방법은 제공하지 않아서 찾는데 약간 애를 먹었다. (뭐 다음 블로그나 티스토리는 환경설정에서 간단하게 제공하고 있으니 그럴수도 있지만 그래도 마이페이지에서 코드를 바로 제공해주면 더 좋을것 같다.)

다음뷰에서 손가락 버튼을 넣으려는 자신의 글을 클릭한다.
상단에 나타나는 다음뷰 바에서 '추천분석'을 클릭하고, '추천 위젯' 탭으로 이동하면 손가락 삽입 코드를 찾을 수 있다.(후~ 찾기 참 힘들다.)


플래쉬를 embed 코드로 삽입하는 식이라서 스크립트 코드를 막아 놓은 네이버, 다음 블로그 같은 곳에도 삽입 할 수 있다.
소스 부분의 코드를 복사해서 자신의 글에 원하는 위치에 삽입하면된다.
하지만 매번 이런 과정을 거쳐서 소스코드를 얻어야 하는건 불편하므로..

다음 뷰의 글 목록에서 우클릭으로 링크주소 복사를 해서 해당 글의 아이디를 얻어서, 소스코드에서 nid 만 바꿔주는 식으로 사용하면 된다.
이전에 포스팅한 아이폰 게임센터에 친구추가 하기. Clash of Clans, HayDa.. 라는 글의 아이디는 37741679이고, 소스코드에서 ...nid=37741679"...로 변경하면 된다.



좋아요, 손가락, 광고등 사실 단순히 코드만 삽입하면 되는 다음, 티스토리 사용자는 설정에서 클릭 몇 번으로 가능한 일이지만 (페이스북 답글은 없던가..) Blogger 같이 그런건 지원하지 않는 블로그에는 이런식으로 코드를 직접 삽입해도 된다라는 정도로 정리하는 차원에서..-0-



댓글 없음:

댓글 쓰기