카카오 알림톡의 인앱 브라우저 문제 해결

1. 문제 상황 및 원인

• 카카오 알림톡에 버튼 기능 : 버튼 클릭 시 카카오 인앱 브라우저로 링크가 열림
• ∵ 카카오톡이 사용자 데이터를 수집하기 위해 → 이를 이용해 데이터 기반 광고

• 인앱 브라우저는 불편함
1. 인앱 브라우저에 맞는 별도 디자인 작업
2. 일반 브라우저의 기능을 다 제공하지 않음
3. 화면을 가림 : 상단 검색탭과 하단 탭바
4. 그 외에 파일 다운로드가 안됨 등…

2. 문제 해결 방안

• 인앱 브라우저 문제를 해결하는 방식

ㅤ	해결 방식	단점
UX	사용자에게 외부 브라우저 사용을 유도	사용자 경험 ↓
딥링크	사용자를 특정 앱으로 이동시켜서 원하는 화면을 보여줌	조건 : 앱이 있어야함
코드로 우회	인앱 브라우저를 끄고 외부 브라우저를 새로 여는 방식	- 사용자 경험 ↓ - 공식적인 방법이 아니라서 추후에 막힐 수 있음

인앱 브라우저를 우회하는 코드

var target_url = 'https://burndogfather.com';
location.href = 'kakaotalk://web/openExternal?url='+encodeURIComponent(target_url);

UX 화면 예시 : 삼쩜삼



딥링크 예시 : 토스

3. 문제 해결

• 카카오 고객센터, 딜러사(CJ 네트웍스)에 문의를 통해 알림톡 옵션 값을 찾음
• 이 방식은 인앱 브라우저가 아닌 외부 브라우저로 바로 연결됨

• 기존 알림톡 버튼 설정

{
    "button": [
        {
            "name": "사진 확인하기",
            "type": "WL",
            "url_pc": "https://${var_1}",
            "url_mobile": "https://${var_1}"
        }
    ]
}

• 수정된 알림톡 버튼 설정 : target 옵션 추가

{
    "button": [
        {
            "name": "사진 확인하기",
            "type": "WL",
            "target":"out",
            "url_pc": "https://${var_1}",
            "url_mobile": "https://${var_1}"
        }
    ]
}