Olark (올라크) 로 블로그에 메신저 달기 + imo 연결해서 모바일cs 구축하기

예전에 msn 메신져를 위젯형태로 블로그에 달아놓은 적이 있다.( 블로그에 msn 달기.. )
과거 그 덕분에 좋은 분들과의 인연들을 가져갈 수 있었다.

msn 메신져가 종료되면서 더이상 해당 버튼을 사용할 수가 없었는데.
방명록이나 메일로 가끔 궁금한 것들을 물어오시는 분들과 좀더 빠르고 쉽게 대화할수는 없을까
어떤 방법으로 만들어 볼수 있을까 고민하게 됬고

유사한 메신져 모델을 찾아봤지만 해당 모듈을 제공하는 곳이 없었다
네이트온 등 온라인 메신저 에도 요즘 대세인 라인,카톡 같은 모바일 서비스에도 마찬가지

과거 온라인 접속의 한계가 있던 msn 보다는, 모바일에서 사용이 가능한 메시징 서비스와
기업-방문자 간 실시간 대화를 지원하는 Olark 를 붙여보기로 했다.

먼저, Olark 올라크 서비스는?

올라크는 기업 웹사이트에 설치돼 회사와 방문자가 실시간으로 대화할 수 있도록 해주는 서비스다.
세일즈포스닷컴과 통합된 환경에서 모든 대화는 세일즈포스 고객관계관리(CRM) 시스템에 자동으로 기록돼 검색 가능하다.

프리미엄 기능으로 채팅 기록 통계, 모바일 기기 지원, 대화 통역, 인스턴트메시지(IM) 클라이언트 지원, 방문자 정보 추적 등을 제공한다. 보안 기능, 관리자 규모, 단말기 지원 등 선택사항에 따라 월 15달러부터 219달러까지 과금되는 유료 서비스다.

=> 주로 CS위주로 활용되는 툴이지만, 무료로도 제한적인 범위 내에 서비스 사용이 가능하다.

참고로, 세일즈포스닷컴, 올라크 인수기사가 있었고.
http://www.zdnet.co.kr/news/news_view.asp?artice_id=20110627095401&type=det

올라크는 파이썬으로 개발되어있다.
(http://www.itworld.co.kr/news/81010) 는 정도가 알려져 있다.

더이상의 정보는 이상하리만치 없다는 게 신기할정도 ( 다른 서비스에 비해 주목을 못받는 건지.. )

자, 그럼 본격적으로 설치를 해보겠다.

1단계. Olark를 내 블로그에 설치하기

https://www.olark.com/

올라크 사이트에 접근한다. => 초록색 get started 버튼을 클릭한다.

회원가입을 진행한다.

이메일 + 닉네임 + 패스워드 두번 입력하고 나면 가입완료

바로 웹사이트에 붙일 수 있는 코드가 나온다.
단, 여기서 바로 습관처럼 “im done” 을 클릭하면 오른쪽 화면과 같은 안내 문구와 함께 이후 진행이되지 않는다
=> 바로 인증 절차가 있는 셈이다.

자, 자신의 블로그 관리 메뉴로 이동하자

위에 생성된 olark code를 자신의 블로그 html 소스 body 태그 내에 넣는다

나같은 경우는 텍스트큐브를 쓰고 있기에 사이트바에 붙이기로 하였다.

<s_sidebar_element> 태그만들 붙이고

그대로 olark code를 삽입하였다.


붙이고 나면 하단 부에 Contact us 버튼이 생긴다 버튼을 클릭하면
요렇게 생긴 대화 창이 등장한다
=> 여기에 가입했을떄 썼던
닉네임과 이메일 주소를 입력한다.

    아래 메시지는 그냥 아무렇게나 써도 문제 없는것 같다.

     olark good 정도를 쓰면 무방함

전송이 완료되면 오른쪽 과 같이 완료 메시지가 노출된다.

자. 이제 다시 사이트로 와서 아까 “i’m done” 버튼을 누르면
위와 같이 콩츄레이션~ 메시지가 나온다.
( i’m done 버튼 옆에 skip 버튼을 눌러도 이후 설정 메뉴에서 해당 인증 절차를 거칠수 있다. )

자 이제 사용할 준비는 다되었다.
가입후 상단에 보이는 Chat 버튼을 클릭하면 아래와 같은 웹 채팅창이 보인다.
=> 이 채팅 창으로도 채팅 진행,관리가 가능하지만
항상 웹을 켜놓을수도 없는 노릇이라 모바일 연동까지 진행해보기로했다.

참고로 상단 메뉴 중 DASHBOARD / SETTING 메뉴정도 주로 사용하게 되는데
SETTING 메뉴에서 대화창 스타일 / 대화창 문구 등 다양하게 조정이 가능하다.

Transcripts / Report  등은 결제를 통해 계정을 업그레이드 해야 사용이 가능하다.

세팅을 마치고 나면 블로그 하단에 위와 같은 대화 창이 생성된다
=> 블로그 방문자들이 블로그 주인에게 대화를 요청할수 있는 방법이 만들어졌다.

자,그럼 이제
2단계. imo massenger 를 통해 모바일로 답변하는 방법을 연결하기 ( cs 만들기 )

사실 이 방법도 내가 알아낸건 아니고 Olark 홈페이지에 설명되어있다.
=> http://www.olark.com/customer/portal/articles/963949

( 참고로 PC 기반, 웹기반 프로그램들과여 연동도 가능하다.
=> http://www.olark.com/customer/portal/articles/963951

1. 먼저 모바일앱을 다운 받는다. imo 앱을 다운 받기로 했다.

https://itunes.apple.com/us/app/imo/id336435697?mt=8&ign-mpt=uo%3D6

2. add new account 를 선택한다

3. jabber 을 선택한다.

4. jabber 에 로그인 한다. 여기서 olark 의 계정을 입력해야 한다.
계정은 가입시 등록한 계정에 + 메일주소( @olark.com ) 를 붙이는 식인것 같다.

정확한 주소는 Operators 메뉴에 가면 찾을 수 있다.
이 계정으로 로그인 하면 완료된다.

5. 블로그에 유저가 보낸 메시지에 대화 메시지를 보내본다.

자 최종 완료된 모습이다

아래 테스트 입니다 메시지가 PC에서 블로그에서 쓴 내용이고

OK 문구 + 사진 부분이 모바일에서 입력한 답변이다.

이제 설치를 완료한거라서 Chat Program Tutorials 가 어떤 의미인지
무료/유료 차이가 무엇일지 등 자세한 내용까지는 확인하지 못했다,

주기적으로 chat 이 죽는걸 보면 어떤 계정관련된 부분의 영향이 있는 것 같기도 하고,

일단 목표했던 블로그에 대화가 가능한 대화창을 달고 이를
모바일 app을 통해 받는 부분까지는 적용이 완료되었다.

이 메신져 창이 또 한번 좋은 인연들을 만들어 주었으면 좋겠다. ^^

130701 —
olark chat 창이 활성화되어있지 않으면 contact us => 해당 서비스에 보내기
로 연결되어 임시적으로 사용을 중지함 – 해결방법 찾는중

130712 —
2주간의 체험기간이 끝나고 olark 에서 메일을 받음
hatchery 라고 하는 베타 테스터 관련 그룹에 추가 되었다는 내용..
꾸준히 업데이트 되는 내용을 미리 볼 수 있을듯
또한 hatchery 그룹용 스킨이 제공되어 대화창에 새로운 컬러를 삽입하게됨

130713 —
위의 문제는 채팅클라이언트로 사용했던 imo 앱(jabber 연결 앱) 을
무심코 종료해버려서 생겼던 문제
=> 앱이 구동중일때는 정상적으로 사용이 가능함.

단, imo 앱의 경우 세션 유지가 어려운 것으로 보임.
자주 끊어져서 contact us로 넘어가는 문제점이 있음

=> jabber 앱으로 연결을 변경함.
앱 다운로드 : https://itunes.apple.com/us/app/jabberb-beejiveim-for-jabber/id467182237?ls=1&mt=8
관련 방법 : http://www.olark.com/customer/portal/articles/312024

130714 —

여러가지 테스트 해보니 olark 는
imo 보다는 jabber 앱과 궁합이 더 잘 맞는것 같다.
( imo 는 세션이 앱 상에서 유지 되지 않는다. )

jabber은 채팅앱이지만, olark와 만나면
기능의 확장으로 웹페이지를 방문한 사람과 대화가 가능하게 되는데,

이런식으로 활용하면 게시판(커뮤니티)에 글을 쓰고,
댓글이 달리면 채팅앱으로 연결해주고, 즉각적인 대화를 유도할수도 있을 것 같다.

한번 글을 쓰거나 댓글을 달고 사라지는 게시판이 아니라
실시간으로 살아있는 게시판을 만들 수 있지 않을까.

 

글이 도움이 되셨다면, 소감이나 댓글을 남겨주세요 ^^ ( 상단의 광고를 클릭해주시면 블로그 운영에 도움이 됩니다 ).

Scroll to top