본문 바로가기
▶ Special/○ 블로그(Blog)

티스토리 블로그에 Addthis 플러그인이 안떠요

by 빨간꿈 2015. 2. 10.

티스토리 블로그에 Addthis 플러그인이 안떠요



티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams



아래와 같이 빨간꿈을꾸다 블로그 본문 상단에는 광고창과 함께 아래로 addthis 소셜공유,기능아이콘이 배치되어 있었습니다. 소셜공유바는 트위터,페이스북,구글플러스 등으로 내 게시글을 확산시켜주는 역할도 하고, 에버노트,포켓 등으로 관심글을 저장하도록 만드는 기능도 합니다. 최근에는 pdf저장,프린트, 번역기능 등의 유용한 기능도 함께 제공하고 있기에 블로그에 없어서는 안될 중요한 서비스로 자리매김하였습니다.


티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams




제가 사용하는 addthis 버튼은 Sharing Buttons으로 무료로 자유롭게 이용이 가능한 서비스입니다. 아래와 같이 addthis사이트를 통해 사용자가 많은 SNS와 필요해보이는 아이콘을 배치하여 코드를 발급받은 후 티스토리 블로그의 경우 간단히 SKIN.HTML 파일에 추가만 해주는 것으로 블로그에 쉽게 적용이 가능했습니다. 


티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams

티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams



하지만, 얼마전부터 블로그에서 addthis 소셜공유 버튼이 보이질 않게 되었습니다. 간간히 블로그를 업데이트하고, 스크립트 수정을 했기에 코드를 잘못 만졌나해서 수차례  html,skin 등을 점검해보았지만 특별한 이상이 없었습니다. 도저히 스스로 원인을 찾을 수 없어서 ADDTHIS 지원팀에 이메일을 보냈는데 드디어 답변이 도착했습니다. 


답변 내용은 스크립트 충돌로 ADDTHIS가 정상적으로 렌더링되지 않는다는 것이었습니다. 그와 함께 원인으로 지목한 특정 스크립트를 참조해주었는데 아래 보시는 것처럼 s1.daumcdn.net로 시작되는 티스토리 자체 스크립트 파일이었습니다. 



티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams



원인으로 지목된 자바스크립트는 티스토리 스킨수정 영역에 존재하지 않기에 블로그 소스보기를 통해서 위치를 한번 살펴보았습니다. 정확히 본문이 시작되기 이전영역에 십여개의 티스토리 자체 자바스크립트들이 존재하는데 위에 언급된 js파일 역시 이 위치에 있었습니다. 


티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams



해당 스크립트를 인터넷에 띄워서 조금 상세히 분석해보았습니다. Jigu Javascript Framework 로 '다음'에서 개발된 소스임을 알 수 있습니다. 이렇게 원인을 찾았지만...본인이 개발자가 아닌관계로 정확히 무슨 기능을 하는 녀석인지는 모르겠네요 ㅠㅠ(아시는 분은 댓글을 좀ㅎㅎ) 설령 코드를 잘 안다고하더라도 사용자 관리 영역을 벗어난 스크립트라 수정할 수도 없는 노릇입니다. 문제해결을 위해서는 티스토리측에 해당 내용을 설명하여 충돌이 나지 않는 소스로 재배포해달라고 하는 방법 뿐일 듯 합니다ㅠㅠ


티스토리_ADDTHIS_애드디스_블로그공유_SNS공유_reddreams



지금도 addthis 툴바가 로딩되지 않아서 괜히 블로그 소스를 뜯어고치시는 분들이 많을 것으로 알고 있습니다. addthis 팀의 답변이 확실하다고 할 경우 daum에서 제작된 자바스크립트와의 충돌때문에 addthis가 노출되지 않는 것이므로 혹시라도 관련문제로 고민하시는 일 없으시기 바랍니다. 


번외로, addthis가 노출되지 않아서 이를 대체할 수 있는 sharethis라는 소셜툴바 서비스를 적용해보았더니 그건 정상적으로 작동을 하네요. 하지만, 기능면에서나 안정성 면에서도 역시 Addthis가 진리라고 생각하기에 티스토리 측에서 하루 속히 addthis 충돌이 없도록 조치해주기를 일단은 기다려보고 다른 대안을 찾아보도록 해야겠습니다.






반응형


댓글