블로그에 페이스북 소셜댓글 설치 - 개별URL 설정으로 글전체를 따라다니지 않게 하기.






으아...제목이 엄청 기네요~

제가 이전에 남긴 포스트.
페이스북의 소셜댓글을 티스토리 블로그에 적용하는 방법이 있었습니다.
[링크]  - 블로그에 페이스북 소셜댓글 (댓글상자) 설치 와 설치방법.


어느정도 HTML 과 스크립트 소스코드에 익숙하시다면...
큰 무리없이 설치를 하실 수 있겠으나,
페이스북에서 제공되는 소스 스크립트 같은 경우에는
굉장히 범용적으로 적용할 수 있도록 되어있기 때문에,
블로그 입맛에 맞게 적용을 하려면 몇번의 수정을 해줘야 합니다.
여기에서 범용적이란, 블로그나 쇼핑몰을 포함한 모든 웹사이트가 되겟죠?


자세한 설치방법과 내용은 이전글을 참고해주시면 됩니다.

이번 포스트에서는, 여러 어려움을 겪으시는 분들을 위해
간략한 점검 방법과 치환자를 사용한 해결방법을 알려드릴까 합니다.



  페이스북 소셜댓글 설치 후 점검할 것들.






혹시 위의 그림처럼 소셜댓글이 설치되고 난 뒤,
잘 설치 되었다고 손 놓고 안심하고 계시지는 않으신지요 ^^?

만일 그렇다면 한번 점검해 볼 것들이 있습니다.


단편적으로 설치된 것만 보고, 완료되었다 생각하시겠지만...
실제로 스크립트를 삽입하는건 크게 어렵지가 않은 내용이고...
문제는 치환자와 함께 블로그의 특성인 개별URL 로
소셜댓글을 각각 관리하게 되었느냐? 아니냐? 가 되겠습니다.



※ 점검사항 1

첫번째로 페이스북 소셜댓글을 설치하기 위해서는
블로그의 URL 을 확인해보는게 먼저입니다.



관리자모드에서 환경설정으로 가시면 블로그 정보가 있으니 클릭!


그다음 밑으로 내려가시면 글 주소 형식을 정할수 있습니다.
총 두 가지가 있습니다. 숫자 형식과 문자 형식.
블로그 URL 주소는 검색엔진이 크롤링 해가는 부분이기 때문에
검색엔진 최적화 등의 이유로 일부로 문자형식을 사용하는 분들이 있습니다.

문제는, 글 제목이 영어가 아닌 한글일 경우에
페이스북에 정상적으로 링크시킬 수 없다는 점입니다.

자신의 블로그 글이 정상적으로 페이스북에 링크되는지,
오류가 있어 정확하게 링크되지 못하는지 확인해보려면 아래 링크로!
[링크] 페이스북 개발자 센터 URL Linter



제가 테스트삼아, 한글을 포함한 링크주소를 입력해보니,
접속할 수 없는 웹사이트라는 오류 경고가 나타납니다.
즉, 페이스북 소셜댓글을 위해서는 숫자형태로된 글 주소로 운영하셔야 합니다.





※ 점검사항 2

두번째 점검사항으로 페이스북 소셜댓글의
정상적인 치환자 적용 여부입니다.

확인하는 방법은 굉장히 쉽습니다.


자신의 블로그에서 마우스 우클릭 후 소스보기를 클릭합니다.
익스플로러와 사파리라면 '소스보기' 파이어폭스라면 '페이지 소스'로 나타납니다.




소스보기를 하신 후 소셜댓글 스크립트 부분을 찾아주세요.
제 블로그를 보고 따라하신 분들은 주석처리가 있으니,
주석처리된 부분을 '찾기' 기능으로 찾으면 편리하겟죠?ㅎㅎ



이제 조금 훑어 내려다가 보면 위와같은 문구를 만날 수 있습니다.
href 부분에 : 블로그주소/글주소숫자
형태로 입력되어 있어야만 개별적 URL 적용이 완료된 것입니다.

치환자 오류등으로 인해 정상적인 적용이 되지 않았을 경우에는


위와같은 형태로 글번호가 없게 나타납니다.

글번호가 없게 될 경우, 소셜댓글이 링크되는 곳은 바로 블로그의 루트(/).
즉 모든 블로그의 글들은 루트 하위에 존재하기 때문에...
결국에는 하나의 댓글이 블로그 전체를 따라다니게 되는것입니다.

( 치환자 입력법은 이전글에 설명되어 있습니다 )
[링크]  - 블로그에 페이스북 소셜댓글 (댓글상자) 설치 와 설치방법.

현재 위 그림에서 예로 든 shine.tistory.com 은 닉네임 샘쟁이님 블로그입니다 ^^
미모의 여성 파워블로그... 모두의 로망이죠 ㅋㅋㅋ
아름다운 일상과 좋은 정보가 많으니 꼭 방문해 보세요 ^^



자, 여기까지 끝났으면 이제 거의 다 왔습니다.



※ 점검사항 3

이제 정상적으로 작동하는지 테스트만 해보면 됩니다 ^^
가장 빠르고 쉬운 방법은 직접 소셜댓글을 적어보는 것이겟죠?



자신의 블로그의 소셜댓글창에 댓글을 남겨보세요.

그리고 자신의 페이스북으로 가서 확인을 해보세요.


위와같이 블로그주소 , 글제목이 나타나면 성공입니다 !!!!!!
( 치환자 적용이 실패할 경우 글제목이 나타나지 않고, 블로그명만 나타납니다 )




※ 보너스

이제 마지막으로 해야될 일이 있어요......
사실 이건 하셔도 되고 안하셔도 됩니다 >_<


페이스북 검색창에 제 이름을 입력하시고,
친구추가 및 블로그 알려주시면...
제가 엄청 감동받고 감격의 눈물을 흘리겟죠???








댓글(20)

  • 2011.03.22 15:56 신고

    전 이미 친구라는거 ㅋㅋ

  • 2011.03.22 16:55 신고

    앗! 저도 페이스북 댓글 달아야겠네요^^
    즐거운 하루 되세요!!

  • 2011.03.22 17:12 신고

    한글주소는 말썽부리는데가 많네요.^^ 좋은 글 감사히 읽었습니다.~

    • 2011.03.23 20:07 신고

      가끔 말썽을 부리죠 ㅋㅋㅋ 한글 자체가 안좋다기 보다는 웹자체가 영어태생이라 그런가봅니다 ㅎㅎ

  • 2011.03.22 17:54 신고

    그나저나 모두의 로망 미모의 파워블로거라닛 ㅋㅋ

    • 2011.03.23 20:07 신고

      사실... 제 개인적인 생각이지만 ㅋㅋㅋ 이견이 없는걸보니.... 어느정도 공감되나봐요 쿄쿄쿄쿄

  • 2011.03.22 21:57 신고

    이야 생각보다 간편한곳에서 정보를 얻었네요 ^^
    아직 페이스북은 안해서ㅜ
    블로그 정보에서 숫자로 하는걸 알아 가네요 ^^
    몰랐거든요 ㅠ 찾고 잇었어요 ㅎ
    고맙습니다 ㅎ

  • 2011.03.22 22:43 신고

    와 어렵긴한데 ㅠ 시간날때 한번 해봐야겠어요 ㅠ

  • 2011.03.23 08:14

    유용한 팁 감사히 잘 보고 갑니당 ^^

    군더더기는 빼야겠지요 ㅋㅋ

  • 2011.03.23 10:12

    아.. 아직까지도 넘 어렵습니다.. 페이스북의 세계는 저에게 넘 낯설어요^^;;
    갑자기 어제 설치하다 실패한게 생각나네요ㅠ

  • 2011.03.24 01:14 신고

    저도 치환자를 으로 해야만 되더군요.
    혹시 안되시는분들 참고하세요~!

    • 2011.03.24 09:58 신고

      [ ##_article_rep_id_## ] 겟죠 ^^
      댓글상에서 치환자가 변해버려 숫자로 나오네요 ㅎㅎ
      추가정보에 감사드립니다!

  • 양은선
    2011.09.02 12:02

    티스토리를 먼저 가입해야 가능한건가요??

    • 2011.09.04 10:48 신고

      티스토리에 설치하실거면 티스토리 블로그가 있어야겟죠?
      그 외에 일반 페이지에 설치하시려면 티스토리는 필요없구요~ㅎㅎㅎ

Designed by JB FACTORY