본문 바로가기

   
IT/IT 정보

라이브리 사용법(Live Re) 및 간단한 사용 후기

반응형

티스토리 라이브리 사용법(Live Re) 및 간단한 후기

얼마전에 티스토리 블로그를 들어가보니 라이브리 플러그인이 나왔다고 적용해 보라고 써있길래 무언가 하고 찾아 봤네요.


티스토리 관리자 모드에 들어가니 떡하니 배너가 들어있길래 이건 머지 ? 하고 들어가 보았습니다.



http://notice.tistory.com/2301 


플러그인을 적용하는 방법에 대해서 나와있고 간단한 소개를 해놓았네요.


그래서 라이브리 서비스가 무엇인지 살펴 보았더니 facebook이나 카카오톡등 대표 sns를 통합하여 관리 해주고 간단한 인증을 통해 원하는 sns 서비스를 통한 댓글을 남길수 있는 유용한 프로그램이네요.

간단한게 말하면 다양한 sns 서비스를 한군대 모은 댓글 관리 서비스 라고 생각하면 될듯 하네요.


sns 댓글 콘텐츠를 활용한 프로그램 개발 좋은것 같네요 ~


이제 티스토리에 한번 적용해 보도록 하겠습니다.

위사이트에 나와있듯이 3가지만 적용하면 되네요. 굉장히 간단합니다~~ 좋네요 좋아


1) 라이브리 코드를 라이브리 사이트에서 발급 받습니다.(무료 City 버전) 

https://livere.com/apply <- 웹페이지를 들어가면 다음과 같이 화면이 표시 됩니다.


요새는 이메일 인증 시스템을 통한 회원가입이 대부분이죠 그래서 기존에 있는 이메일 계정으로 계정을 생성합시당~





가입한후 로그인한뒤 메인페이지에서 아래로 드래그를 하게되면 다음과같은 화면이 나옵니다.

여기서 설치하러 가기 링크를 누릅니다.





그러면 다음과 같은 화면에서 City 버전으로 지금설치하기 버튼을 누릅시다~!





그러면 다음과 같이 드디어 코드를 발급할수 있는 페이지로 넘어왔습니다~

 전체 sns선택을 하고 코드발급하기 버튼을 눌렀습니다~





드디어 제가원하는 라이브리 빨간색 칸에 UID가 발급된것을 확인 할수 있습니다~~얏홋





2) 티스토리용 Data-uid를 복사해 입력창에 붙여 넣는다.

그럼 이제 다시 티스토리로 돌아와 라이브리를 적용해 보겠습니다~

티스토리 관리 메뉴에 들어와 플러그인 설정 메뉴를 누른뒤 글보내기 소설댓글 LiveRe를 체크합니다~

data-uid 입력하기 칸에 바로 전에 받았던 UID 코드를 넣어줍니다~

3) Data-uid를 붙여넣은 후 확인만 하면 적용이 완료됩니다.

안내대로 이제 확인후 적용을 누른뒤 잘적용 되어졌는지 확인해 봅시다.



추가적인 방법으로 위방법대로 해보았는데 적용이 안되시는 분들은 해보시기 바랍니다. 


주의사항 소스를 넣으실 경우에는 플러그인 설정을 해제해 주시는게 좋습니다~ 중복되서 2개가 보일수도 있거든요 플러그인 설정시 안될때 소스를 직접넣는걸 추천드립니다.


아래 사진처럼 HTML/CSS 편집을 누릅니다~


그다음 다시 라이브리 사이트에 가서 코드관리를 들어간뒤 아래의 코드를 복사합니다~.





어차피 블로그 대부분의 댓글이 들어가는 경우는 포스트 본문 내용 아래에 댓글이 대부분 위치하죠~

그래서 저는 포스트 본문 아래에다가 위에 복사한 코드를 붙여 넣었습니다.

잘안되시는 분들은 복사한코드를 여기저기 붙여넣어 테스트 해본뒤에 적당한 위치에 넣으시기 바랍니당.

<script></script>문으로 잘감싸져 있으면 HTML 태그에 넣고 싶은곳에 언제든 넣을수가 있습니다.




최종적으로 볼까요 잘적용 되었는지 ㅡ.ㅡ?

제블로그 메뉴중 아무거나 본문아래 댓글이 들어가있네요 귀엽게 잘만들은것 같아요 라이브리~




마지막 으로 댓글을 남기고 라이브리 사이트에서 어떤 댓글이 남겨져 있는지 통계를 한번에 볼수 있군요. 



귀엽게 잘만든것 같아요 관리도 되고 괜찮네요 라이브리~

반응형