project/team project

[DAL] 1:1 상담 네이버톡톡 연결하기

박허디 2024. 2. 15. 14:49

2024.02.14 - [project/team project] - [DAL] 1:1 상담 카카오챗 연결하기

 

[DAL] 1:1상담 카카오챗 연결하기

1:1 상담기능을 구현하기 위해서 카카오챗을 이용하기로 했다. 화면과 같이 1:1 문의내역에 접속해 카카오챗 문의버튼을 클릭하거나 화면 하단에 보이는 카카오버튼을 누르면 카카오채널을 이용

herniateddisc-park.tistory.com

카카오챗 옆에있던 네이버톡톡로 문의하기 기능을 해보려 한다.

 

네이버톡톡  기능을 하려면 일단 아래 홈페이지에 들어가서 계정을 만들어야 된다.

https://partner.talk.naver.com/

 

네이버 톡톡 파트너센터

PC, 모바일 어디서나 나의 간편한 상담도구가 되어주는 네이버 톡톡

partner.talk.naver.com

여기서 네이버 로그인 후 계정을 만들면 되는데 안내를 따라서 그대로 만들면 아래처럼 화면이 나온다

여기서 우린 검은색으로 가린 정보가 필요하다 

 

+ 처음에 톡톡 계정을 만들면 바로 쓸 수 있는 게 아니라 네이버에서 검토한다고 하루정도 소요되니 알아두자

하루가 지나면 사진처럼 보인다

 

 

1. HTML
<div class="naver-talk">
    <a id="naverTalk"><div>네이버톡톡 문의</div></a>
</div>

 

2.JS

 


"use strict";

let naverTalk = document.getElementById('naverTalk');






document.addEventListener('DOMContentLoaded', function(){
    addEventListenerBtn();

})


function addEventListenerBtn(){

    naverTalk.addEventListener('click', fnNaverTalk);

}



function fnNaverTalk(){


    window.open("https://talk.naver.com/검은색부분");


}

 

이렇게 하고 네이버톡톡 상담하기 버튼을 클릭하면 아래와 같이 바로 연결된다.

 

상담원은 네이버톡톡 파트너센터에 들어가서 아래와 같이 상담을 진행할 수 있게 된다.