1. 카카오 개발자 에 로그인 한 후 API 를 생성해야 한다.

https://developers.kakao.com/apps/216476/settings/general?platform=web

자바스크립트 API 를 이용한다.

2. 카카오 플러스를 연동을 하려면 먼저 카카오 플러스에 가입해야 한다.

https://center-pf.kakao.com/signup

카카오 플러스 센터에서 설정 한다.

https://center-pf.kakao.com/_WIBgC/chat/settings

다음은 플러스 친구 연동 적용한 소스 예이다.

<div id="plusfriend-addfriend-button"></div>
<script type='text/javascript'>
  //<![CDATA[
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('5fe58b33edf0dd694366784a434e554b');
    // 플러스친구 친구추가 버튼을 생성합니다.
    Kakao.PlusFriend.createAddFriendButton({
      container: '#plusfriend-addfriend-button',
      plusFriendId: '_WIBgC' // 플러스친구 홈 URL에 명시된 id로 설정합니다.
    });
  //]]>
</script>