Entrepreneurship/Online Business Ideas

티스토리 강좌 02. 티스토리에 소셜댓글서비스 '라이브리' 설치하기

Celina Jn 2020. 8. 4. 13:39

 

티스토리 강좌 모음

 

티스토리 강좌 09. 티스토리 블로그에 구독하기 버튼 띄우기

티스토리 강좌 08. 구글 애널리스틱스에 티스토리 블로그 등록하기

티스토리 강좌 07. 구글 써치콘솔(웹마스터)에 티스토리 블로그 등록하기

티스토리 강좌 06. 이전/ 관련 포스팅 링크거는 법 (플러그인)
티스토리 강좌 05. 티스토리 본문에 유튜브 영상 넣기
티스토리 강좌 04. 네이버 웹마스터에 티스토리 등록하는 방법
티스토리 강좌 03. 글로벌 소셜 댓글 DISQUS 설치 1단계_가입& 설치 코드 찾기
티스토리 강좌 02. 티스토리에 소셜댓글서비스 '라이브리' 설치하기
티스토리 강좌 01. 글로벌 소셜 댓글 DISQUS 설치 2단계_HTML 코드 삽입 및 플러그인 적용

 


 

안녕하세요. 노마드 엘입니다 :) 

 

요즘 수입 자동화의 일종으로, 블로그 수익화를 준비하면서

기존에 사용하던 네이버가 아닌 티스토리를 중점적으로 디벨롭 하고 있어요.

 

 

티스토리를 선택한 이유는 다음과 같습니다.

 

1. 누구나 평소에 자주 사용하는 소셜 로그인으로, 댓글을 남길 수 있을것. 

2. 구글 애드센스(수익이 더 큰) 설치가 가능할 것. 

 

그 중 1번을 가능하게 하기 위하여, 

소셜 댓글 서비스인 '라이브리' 를 설치해보려고 해요. 

 


 

 

소셜댓글 서비스 '라이브리' 란

https://www.livere.com/

 

라이브리는 다양한 소셜 서비스를 사용해 로그인이 가능하고,

기존의 익명성인 댓글 서비스보다 조금 더 개개인이 투명하고 긍정적인 공개 커뮤니케이션을 할 수 있도록 돕는 역할을 해요

댓글의 관리 역시 간편해서, 악성 댓글의 관리나 통계를 한 눈에 볼수 있어요.

 

 

 

 

 

 

 

이와 같이 깐깐한 해외 국내 굴지의 대기업들이 모두 사용하고 있는 서비스라고 하니, 

신뢰하고 사용할수 있겠다는 생각이 들었어요. 

 

자, 그럼 티스토리에 설치를 해볼까요?

 

 

 

 

 

티스토리 라이브리 설치 가이드(관리 - Plugin )

내 블로그의 관리 화면에서

왼쪽 메뉴중 <플러그인> 을 클릭해주세요.

왼쪽에 옵션이 뜨는데 그 중 <라이브리> 를 클릭해주세요

 

 

 

 

 

 

 

 

그럼 이 화면이 나오게 되는데 상단의 Data-uid 를 찾으러 

라이브리 가입을 진행해 볼꺼에요. 

 

  • 라이브리 웹사이트에서 가입을 진행해주세요. (이메일 인증 포함)   https://www.livere.com/
  • 상단 카테고리 중 <설치> 를 클릭하고 무료버전인 City 버전의 <지금 설치하기> 를 클릭해주세요.

cf. 티스토리 라이브리 설치 가이드(HTML 수동) 이 필요하신 분은 아래 문서 가이드를 참고

https://101.livere.co.kr/livere9com/pdf/guide/LiveRe_City_Tistory.pdf

 

 

 

 

 

 

다시 라이브리 웹사이트 (https://www.livere.com/) 로 돌아가서

회원가입을 진행하고, 상단 카테고리 중 <설치> 를 클릭해줍니다.

 

저는 무료 버젼을 사용할꺼기때문에 City 버전을 선택할꺼에요.

<지금 설치하기> 를 클릭해주세요.

 

 

 

 

 

 

 

 

설치 하기를 누른 후, 내 사이트를 등록해주세요.

이 후 다음과 같은 화면에서 왼편 하단의 <코드관리> 를 클릭,

<티스토리> 를 선택합니다.  

 

 

 

 

 

 

이때 주의할 점은, 전체 코드 복사가 아닌 <Data-uid> 를 복사해야 한다는 것.

표시한 버튼을 클릭합니다.

 

 

 

 

 

 

 

제대로 복사가 되었다면 아래와 같은 팝업창이 뜰꺼에요.

팝업창이 뜨는지 꼭 확인해주셔야 해요. 

 

# 간혹 버튼을 눌러도 반응하지 않는 경우가 있는데, Adblock 등의 창 생성을 block 해놓은 프로그램이 있는지 확인해주세요.

그럴 경우 이 사이트를 제외하도록 설정해야 해요

 

 

 

 

 

(!) 이때,  라이브리에서 티스토리 코드를 찾을 수 없다면 

그런데, 코드를 찾으려고 하니, 티스토리가 보여야 할 자리에 티스토리가 없다면? 

(원래는 <지금 설치하기> 클릭후 다음 화면인 아래 이미지의 별 자리에 탭이 있어야 해요) 

 

 

 

 

 

 

 

그럴때는 당황하지 마시고

천천히 스크롤바를 내려서 페이지 하단의 언어를 '한국어' 로 변경해주세요.

 

 

 

 

 

 

그리고 다시 돌아오면 이렇게 티스토리 탭이 추가되어 있습니다. :)

그리고 data-uid 복사하기 버튼을 누르면 코드가 자동 복사 되어요. 

 

한국어로 진행해서 이미 탭이 있으신 분들은 바로 <티스토리> 탭을 눌러주세요.

 

 

 

 

 

 

 

여기까지 되었다면, 아까 화면으로 돌아가서 

복사된 코드를  Ctrl + V 로 붙여하고 <적용> 을 클릭.

끝이에요.

 

 

 

 

 

끝. 

 

 

 

 

이 후 내 블로그로 돌아가 포스팅 보기를 눌러보면

아래와 같이 라이브리가 적용된 모습을 볼 수 있어요. :) 

 

 

 

 


 

오늘의 포스팅은 여기서 마칩니다. :)

 

누구나 경제적 자유를 누리는 자유로운 삶을 응원하는,

Your 노마드엘 

 

 

 

티스토리 강좌) 네이버 웹마스터에 티스토리 등록하는 방법

글로벌 셀러) 온라인 해외 계좌 Payoneer 만들기 (비대면)

티스토리 강좌) 글로벌 소셜 댓글 DISQUS (디스커스)가입 방법 & 설치 코드 찾기

반응형