[Android][WebView] 웹뷰 링크 실행 시 외부 브라우저 실행 추적

* 삽질과 헤메는 과정의 기록😵

 

시작

기획자에게서 웹뷰의 링크 탭 시 외부 브라우저로 해당 페이지가 노출되는 것을 Google Anayltics로 추적할 수 있는지 요청받음

 

의문과 테스트

1) 웹뷰의 링크 탭 시 외부 브라우저로 이동하는가?

> 테스트 폰(Galaxy A21, OS12)에서 기본값으로 설정된 웹뷰에서 링크 탭 시 외부 브라우저가 실행되며 해당 페이지가 노출됐다.

이 때까지는 요청 사항을 구현하는데에 문제는 없겠구나 싶었다.

왜 외부 브라우저가 실행되는지는 웹뷰 내부 코드를 까볼 수가 없어서 확인하지는 못했다. 

그런데 Android Developers 공식 문서에서 외부 브라우저 실행을 권장하는 것을 확인했다. 그래서 기본적으로 링크 페이지 실행은 외부 브라우저가 하도록 값이 설정된 것이 아닌가 추측을 했다. 물론 다른 단말들에서도 테스트하지 않아서, 일반화할 수는 없다고 생각했다. >> 공식문서에 대 놓고 나오는 데 이 때는 못찼았다. 아래로 내려가면 나온다. 이 때는 추측만 했다.

https://developer.android.com/reference/android/webkit/WebView?hl=ko 

WebView  |  Android Developers

https://developer.android.com/reference/android/webkit/WebView?hl=ko

 

2) 그럼 이제 외부 브라우저 실행 시 어떻게 추적할 것인가

> WebViewClient를 사용해야 하나 싶었는데, 이것을 사용하는 것이 맞았다.

https://developer.android.com/guide/webapps/webview?hl=ko#add-webview-oncreate

WebView에서 웹 앱 빌드  |  Android 개발자  |  Android Developers

https://developer.android.com/guide/webapps/webview?hl=ko#add-webview-oncreate

그런데 예상치 못한 이슈가 발생했다.

WebViewClient를 사용하면 링크 탭 시 외부 브라우저가 실행되는 것이 아니라 웹뷰에서 해당 페이지로 콘텐츠가 전환되었다. WebViewClient를 오버라이드하지도 않았는데, 이것을 사용했다는 것만으로 웹뷰 동작이 바뀌었다.

이 코드 한 줄이 불러온 변화

그리고 찾은 공식 문서의 내용.

https://developer.android.com/guide/webapps/webview?hl=ko#HandlingNavigation

 

https://developer.android.com/guide/webapps/webview?hl=ko#HandlingNavigation

 

 

1)에서 추측한 내용은 추측할 필요도 없이 공식 문서에 나와있었다.  

나는 웹뷰의 링크를 추적할 수 밖에 없기에 WebViewClient를 쓸 수 밖에 없는데, WebViewClient는 웹뷰 내에서 링크를 여는 친구였다. WebViewClient는 써서 추적을 하되 외부 브라우저를 호출하는 코드를 삽입할 수 밖에 없었다.

 

해결방법

WebViewClient의 ShoudOverrideUrlLoading에서 링크를 외부 앱 브라우저로 열면서 Google Analytics 코드 삽입하는 것으로 오버라이드.

https://developer.android.com/reference/android/webkit/WebViewClient#shouldOverrideUrlLoading(android.webkit.WebView,%20android.webkit.WebResourceRequest)

WebViewClient  |  Android Developers

WebViewClinet가 없으면 Activity Manager가 외부 브라우저 앱을 호출한다고 여기에도 써있다.

https://developer.android.com/guide/components/intents-common?hl=ko#Browser

공통 인텐트  |  Android 개발자  |  Android Developers

https://developer.android.com/guide/components/intents-common?hl=ko#Browser