원링크 접속 시에 까만 화면이 보여집니다

InAppBrowser(카톡/카스 인앱브라우져)
1

안녕하세요, 카카오톡 인앱 브라우저에서 QA하던 중 궁금한 점이 있어 문의 드립니다

현재 저희 웹 서비스에서 앱 설치를 유도하기 위한 원링크를 사용중입니다.

유저가 원링크를 클릭했을 때 정상적인 시퀀스라면, “(1)앱 설치된 경우 => 앱을 열기 (2)앱 미설치된 경우 => 스토어를 열기” 가 되어야 합니다.

그러나 카톡으로 저희 웹 링크에 접속한 후, 원링크를 클릭하면 영상처럼 까만 화면이 보이며 정상동작하지 않습니다.

  • 원링크 클릭 시, 까만 화면이 보여지는 것이 버그 같아 보입니다.

  • 해당 유저는 앱이 설치되어있음에도 스토어로 이동하는 버그가 존재합니다

타 브라우저에서는 정상동작하고 있기에 카톡 인앱브라우저의 이슈인 것 같아 확인 부탁드립니다

참고차 저희 웹 서비스 링크와 원링크 모두 기재해두겠습니다
웹 서비스 링크: https://toadhome.co/
앱 설치 유도를 위한 원링크: https://toadhome.onelink.me/JJLY/qqyjuy7x

감사합니다.

2

안녕하세요.

영상은 카카오톡 메시지에서 원링크로 입앱브라우저 띄운 상황이고
설치 페이지에서 X를 눌러 백그라운드로 되돌아간 상황으로 정상동작으로 보이는데요.

크롬 브라우저 주소창에 원링크 주소를 입력하면 백그라운드 화면 나오는 것도 동일하구요.

웹 링크에 접속한 후, 원링크를 클릭하면

웹페이지에서 원링크가 어디 있는지 설명 부탁드려요.

4

영상은 카카오톡 메시지에서 원링크로 입앱브라우저 띄운 상황이고
설치 페이지에서 X를 눌러 백그라운드로 되돌아간 상황으로 정상동작으로 보이는데요.

해당 유저는 앱이 이미 설치되어 있기 때문에 실제로 원링크 클릭 시에는 스토어가 아닌 앱으로 리다이렉션 되어야 합니다

크롬 브라우저 주소창에 원링크 주소를 입력하면 백그라운드 화면 나오는 것도 동일하구요.

타 브라우저에서는 백그라운드 화면이 잠시 뜨고 pop되어 까만 화면이 더이상 보이지 않는데 카카오톡 인앱브라우저에서는 까만 화면이 유지됩니다 혹시 제 측에서 컨트롤할 수 있는 방법이 있을까요?

웹페이지에서 원링크가 어디 있는지 설명 부탁드려요.

https://toadhome.co/에 접속하시고 가장 상단에 앱 설치 유도 배너 클릭하시면 됩니다!

5

(1) https://toadhome.co 에서 상단 설치 링크 클릭하면, 카카오톡 인앱브라우저에서 하프뷰로 설치 페이지 뜨고 설치 후, 앱으로 이동가능
ㄴ 백그라운드화면은 빈페이지 그대로 있음.
ㄴ 앱설치 후, 카카오톡 인앱브라우저에서 여전히 설치 페이지로 이동

(2) 크롬에서 상단 설치 링크 클릭하면, 카카오톡 인앱브라우저에서 하프뷰로 설치 페이지 뜨고 설치 후, 앱으로 이동가능
ㄴ 백그라운드 루트 페이지 유지
ㄴ 앱설치 후, 앱실행

(3) 라인 메신저 인앱브라우저에서 https://toadhome.co 에서 상단 설치 링크 클릭하면, 카카오톡 인앱브라우저에서 하프뷰로 설치 페이지 뜨고 설치 후, 앱으로 이동가능
ㄴ 백그라운드화면은 구글 플레이 전면 광고 표시
ㄴ 앱설치 후, 구글플레이 설치 페이지로 이동 후, 앱실행

타메신저 인앱브라우저도 약간의 차이만 있지 동일하게 동작하네요.

원링크와 같은 디퍼드 딥링크 서비스들은 접속한 디바이스의 환경을 분석하여 앱 또는 웹으로 처리하게 되는데요, 모바일 브라우저로 판단된 경우 등록한 앱 스킴을 호출해보고 동작할 수 없는 경우 앱 스토어 또는 웹으로 이동하는 등의 처리를 하게 됩니다.

이 부분은 서비스측의 원링크 설정에 의해 원링크에서 처리하는 내용입니다.

User-Agent를 카카오톡 인앱브라우저로 설정해서 PC로 해보니 항상 설치 페이지로 이동하네요.
확인 부탁드려요.