티스토리 공유, 신고 기능 먹통 해결기, 공유 버튼 제거

티스토리가 최근 공감, 공유, 신고 버튼이 통합되었습니다. 하나로 묶어서 좀 더 깔끔하고 다 좋긴 하지만 공감 버튼을 제외해 기능이 제대로 작동이 안 되고 먹통이 되어 문제점을 분석하려 다른 블로그들도 살펴보니 저를 포함한 카카오톡 공유 버튼을 별도로 단 분들만 먹통 현상이 일어나 해결하기 위해 원인 분석을 하기 시작했습니다.


레이아웃 여백도 다시 조절해야 했지만 원인 분석을 한 결과 티스토리에서 제공하는 카카오 API KEY 와 별도로 넣은 카카오 API KEY 키와 중복 충돌이 있었던 건지 오작동이 일어나 해당 코드를 삭제하니 제대로 정상 작동했습니다. 이 부분은 잠시 후 조금 더 자세히 살펴보도록 하겠습니다.


그리고 카카오톡 공유 코드 버전(v1)을 업그레이드하여 코드를 변화(v2) 시켰습니다. 이와 같은 자세한 사항은 아래 관련 글을 참조하시면 될 거 같습니다.


관련 글 : 


[Web] - 티스토리 블로그 SNS 공유 버튼 직접 만드는 방법



티스토리 공유, 신고 버튼 먹통 해결하기

저처럼 카카오톡 기능을 직접 삽입하지 않아도 먹통이 된다고 하시는 분들은 해당사항은 아니라서 티스토리 고객센터에 문의해 보시는 게 좋을 거 같습니다.



1) 공감, 공유, 신고 버튼이 통합되었지만 저에겐 먹통이 되었습니다.


2) 하지만 별도로 넣은 SNS 공유 기능은 정상 작동되었습니다. 이 중 카카오톡 관련 코드를 분석했습니다.



3) 소스 분석 결과 티스토리의 base.js 파일에서 카카오 API 키가 있었습니다. 


4) 결국 별도로 넣은 API 키를 삭제했습니다. 삭제함으로 인해 먹통 현상은 해결되었습니다.


5) 해결 후 마무리로 CSS 코드를 통해 공유 버튼을 삭제하고 가운데 정렬했습니다.

소스 출처 jeyo님 자하부공 블로그 접속

/* 공유 버튼 삭제하고 가운데 정렬(반응형 스킨 부트 스트랩4 전용) */ .container_postbtn{text-align:center;} .container_postbtn .postbtn_like {float:none !important; display:inline-block;} .container_postbtn .postbtn_like label{display:none;} .container_postbtn .postbtn_like label:last-child {display:inline-block;} .container_postbtn .postbtn_like label + .ico_bar{display: none;}


6) 모든 기능이 정상작동되고 아주 보기 좋게 배치되었습니다.


먹통을 제외한 제가 알려드린 부분들은 모두 선택사항입니다만 신고 버튼을 삭제한다면 티스토리 정책에 위배될 수 있으니 이점 참고하셨으면 좋겠습니다.

공유하기

페이스북

트위터

구글
플러스

카카오
스토리

네이버
밴드

네이버
블로그/카페

카카오톡
메신저