퍼블릭에프알
티스토리에 카카오톡 공유 버튼 달기 업데이트 방법+고친 후기 본문
블로그 내에 '카카오톡으로 공유하기' 버튼 업데이트 했습니다. 후기 짧게 남겨요!
■
카톡 공유 버튼
드디어
고쳤다
!
2016년 쯤인가?
티스토리 기본제공 플러그인 사용하다,
처음 SNS 공유 버튼을 직접 달았었어요!
개발자 가입하고, 코드받고,
다른 티스토리블로거들의
SNS버튼 스크립트를 얻었고,
그러다
당시에 카톡 버튼이 맞는게 없어서,
직접 만들어서 추가하는데
(제가 직접 만든건 너무 구...려....ㅆ...)
'모지모지'님의 예쁜 버튼을 달았던기억이 나네요.
(http://www.mojimoji.co.kr/579)
그리고 잘 사용하던 도중에
어느샌가부터
카톡 공유 버튼이 안먹히더라고요.
카톡 공유를 하면
앱을 업데이트하거나
개발자에게 말하라고 하는
안내창이 뜨더라고요.
ㅠㅠ
코알못-소알못이라서,
버튼 달 당시에는 소스가 조금은 읽혔지만,
시간이 지난 후엔
소스를 봐도 '이게 뭐였더라'
상태가 되어서
감히 건드리지 못하고
적어도 반년은 흘렀습니다.
(알고보니 카카오가 PC+모바일 모두 공유되도록
새버젼으로 업데이트한거라네요)
그러다가 이번 하반기에 일어난
티스토리 대혼란사태를 맞은다음에
보수를 해야겠다는 생각이 들었습니다.
검색엔진에서
티스토리-카카오톡 공유버튼
연대기가(?) 잘 정리되어 있는
블로그 '몽리넷'님 포스팅 발견!
하지만 개발자 단어(?)들은 어려워서
어리둥절해하면서
한참 열심히 봤습니다.
그 중 IT넘버원님의 포스팅을
참고했어요.
아래 링크 클릭!
(https://prolite.tistory.com/1201)
(https://prolite.tistory.com/783)
그래서 결론은요.
기존 2016년식 카톡 공유 버튼 쓰던 분들은 업데이트하려면
1.
넘버원님 포스팅 속 카카오톡 버튼 <--JQuery-->부분 스크립트를, 기존 카톡 공유 스크립트 var 어쩌구있는 대신에 넣어줍니다. (var firstimg 있는 곳도, web button지정한 곳도 다 삭제 해도 됩니다. 카톡공유 부분 스크립트 다 삭제해도 됩니다ㅋㅋ)
2.
그리고 sns 버튼 지정한 div 중에, 카톡 부분을 아래처럼 sharekatalk()으로 바꿔줬어요.
<li><a href="javascript:shareKatalk()" class="ico_skin link_kt">카카오톡</a></li>
이렇게 두개만 고쳐주면 되더라고요.
됩니다 ㅠㅠ
기존에 SNS 카톡 공유 버튼 사용하시던 분들, 저처럼 코알못소알못이라서 헤맨분들계시나요? 도움이 되었으면 좋겠네요.
티스토리 기존 카톡버튼 사용하시던 분들 업데이트 하는 방법이었습니다.
그나저나 티스토리 메인에서처럼
카카오는 정말 티스토리를 ♥을 담아 만들까요?_?ㅋㅋ
#티스토리 #카카오톡공유버튼 #카톡
