내 블로그에 티네스 이웃커넥터를 추가하세요!

티네스 이웃 커넥터 & 구독버튼

티네스와 연동된 이웃커넥터구독버튼을 사용할 수 있게되었습니다. 기존의 API를 사용하면 커스텀하여 제작할 수 있지만, 아무래도 개발자가 아닌 일반인이 사용하기에는 무리가 있었습니다. 따라서 사용자 친화적으로 블로그에 추가할 수 있도록 하였습니다. 약간의 코드를 건드려야하지만요.

티네스 이웃 커넥터

블로그 구독버튼

어떻게 추가할 수 있습니까?

코드를 약간 건드려야하는 문제가 있습니다만, 티스토리는 HTML 편집이 가능한 블로그이기에 약간은 이용해볼까 싶었습니다. 아래의 단계를 잘 따라와 주시기 바랍니다.

Step 1. 블로그 관리

우선 티네스에 로그인하여 내 블로그 관리로 진입합니다.

Step 2. 이웃커넥터 및 구독버튼 코드 확인하기

추가하고 싶은 블로그의 커넥터 및 구독버튼 버튼을 눌러 코드를 확인합니다.


Step 3. 스킨 또는 HTML 배너 플러그인에 추가하기

사용하고 있는 스킨의 내부 또는 HTML 배너플러그인을 통하여 사이드바에 코드를 복사하여 그대로 붙여넣어주세요. 스킨의 어디에든 위치할 수 있습니다.


설정을 마친 후 코드 생성을 눌러주세요


생성된 코드를 복사해서 붙여넣으면 끝!

개발자 톡

해당 Vue.js 컴포넌트의 소스코드가 궁금하신 분들께서는 아래의 깃허브 링크를 참고해주시기 바랍니다.


magazine이웃 서비스, 티네스
앱작가
전생했더니 개발자였던 건에 관하여
신나게 놀고먹고있는 24살 백수 개발자. 티스토리를 위한 티도리 프레임워크(https://tidory.com)를 개발했다.
댓글
  • 프로필사진Jeongi 2018.11.29 21:47 신고한번 설치해보려고 하는데 설치가 잘 안되네요 소스를 어디다 넣어줘야하는지 궁금합니다
  • 프로필사진 앱작가 2018.11.30 23:27 신고안녕하세요 앱작가입니다. 답변이 늦어 죄송합니다.

    Step 1. 단계의 코드는 현재 사용하고 계시는 스킨코드에서 </body> 위에 그대로 복사해서 붙여주시면 되고,

    Step 2 단계의 코드는 <body> 아래에 그 어느곳도 넣을 수 있습니다만, 가장 간단한 방법은 다음이 있습니다.

    * 사이드바에 이웃커넥터 추가하기

    -> HTML배너 플러그인 추가하기
    -> 사이드바 설정에서 HTML 배너를 넣고해당 배너의 HTML 코드에 Step 2 코드를 복사하기
    -> 이웃커넥터와 구독버튼 중 사용하고 싶은 것만 사용하기
    -> 티스토리 정보넣기

    요렇게 진행해주시면 좋을 것 같네요 ~^^
  • 프로필사진코코넛냠냠 2018.12.13 13:22 신고이거 쓰면 자기 자신을 구독할 수 있네요. 모르고 코코넛냠냠으로 코코넛냠냠 구독했는데 취소는 안 되려나요...
  • 프로필사진 앱작가 2018.12.13 13:25 신고넵 스스로 구독하는 것을 특별히 거르고 있지는 않습니다. 구독해버리면 이웃에도 생성되므로 구독을 해제해 버리세요!
  • 프로필사진 앱작가 2018.12.13 13:29 신고를 UI 상에서 막아버려서 안 보이는군요.. 어떻게 해볼까 ~
  • 프로필사진코코넛냠냠 2018.12.13 13:37 신고네 맞아요 그게 문제에요 ㅋㅋ
    그리고 건의 하나 더 하자면 이거요 보통 사람들은 사실 저 코드 상수 채우는 것도 어렵거든요
    그러니까 이렇게 블로그로 소개하는 것도 좋지만 그보다는...
    티네스 사이트 로그인해서 들어가면 그 사람 메일 주소랑 블로그 이름 알잖아요
    그 때 거기에서 "이웃 커넥터를 추가하려면 이 코드를 복사해서 붙여넣으십시오"하고 빈 칸 없이 미리 전부 기입해서 찍어 주는 게 있으면 좋겠어요
    구글 XX리틱스나 네이버 웹마스터 도구나 애드센스처럼요
    그냥 개인적인 의견입니당...
  • 프로필사진 앱작가 2018.12.13 13:40 신고상당히 괜찮은 아이디어 인 것 같네요. 지금 몇개 수정하고 있기야 한데 추후 패치에 한 번 적용시켜 봐야겠습니닷
  • 프로필사진 앱작가 2018.12.17 23:18 신고둘 다 반영 완료 ☆
  • 프로필사진코코넛냠냠 2018.12.17 23:31 신고올 멋진데요. 티네스 이웃 커넥터는 제가 블로그에 작은 리뷰를 올려 볼 게요. 자기 자신 이웃은 구독을 해제하는 버튼이 추가될 줄 알았는데 그냥 목록에서 아예 없어져 버렸네요. 그것도 좋은 방법임.
  • 프로필사진 앱작가 2018.12.17 23:34 신고아아 서버측에서 이제 자기가 소유한 블로그는 추가하지 못하도록 원천 봉쇄했습니다. 이미 추가된건 DB에서 수동으로 지웠고 ㅋㅋ
  • 프로필사진코코넛냠냠 2018.12.18 01:55 신고https://nanite.tistory.com/100
    이렇게 적용해서 모양을 봤어요. 블로그 기본 CSS랑 부딪혀서 그런지 크기랑 색깔 같은 게 조금씩 잘 안 맞는데 그런 것만 좀 고치면 완벽하겠어요. 암튼 이렇게 새로운 거 만드는 거 보니까 재밌네요. 티네스 흥하기를.
  • 프로필사진요리남 띠리띠리야 2018.12.13 21:27 신고좋은 서비스인 것 같은데 어렵네요. ㅠㅠ 일단 사이드바에 달아 놔 보긴 했는데, 사이즈가 안 맞아요. 구글 애드센스는 딱 칸 전부 차지하게 들어가는데 다른 것들은 모두 왼쪽 여백이 남아서 이상해지네요. 이런 건 어떻게 할 수 있나요? ㅠㅠ
  • 프로필사진 앱작가 2018.12.13 23:59 신고현재 이웃커넥터가 최소사이즈가 정해져있어 생기는 문제인듯 합니다. 추후에 수정할 필요가 있겠네요. ㅎㅎ; 추가적으로 이웃커넥터에는 구독버튼이 포함되어 있어서 구독버튼을 따로 분리하셔도 됩니다.