[react] 스토어 유입경로 트래킹을 위해 utm태그 심기

도디·2020년 12월 23일

React

목록 보기

4/7

개요

회사에서 공유기능을 개발한다.
앱 안에서 공유를 하면 웹 url이 공유가 되는데, 웹에는 다운로드 버튼이 있다.
그 버튼은 firebase의 dynamic link를 이용해서 OS에 맞는 스토어로 이동을 시켜줄거다.
사용자는 스토어로 이동이 되어서 install을 하게 될텐데, 지금은 유저가 어떤 경로로 들어와서 다운로드를 하게 된건지 알 방법이 없다.

공유기능은 바이럴하게 신규유저를 유치하고자해서 기획을 한것이다.
이 기능이 신규유저 유치에 도움이 되었는지 파악을 하기 위해선
스토어 유입경로를 트래킹 해야 한다. 트래킹을 위해 utm태그를 이용할거구..

utm tag?

utm 태그는 스토어 url에 추가로 키워드를 붙여 유입경로를 트래킹하는 방식이다.

나는 firebase로 데이터들을 보곤하는데, google analytics에서도 확인 할 수 있다. (이 글에선 firebase로 확인할 거다.)
firebase dashboard를 보면 아래와 어디로 부터 유저가 왔는지를 볼 수 있다.

여기서 소스를 눈여겨봐야 하는데, 4가지로 구분이 되어있다. google, (direct), google-play, AppAgg.com
소스를 통해 광고로 들어오거나, 직접 검색해서 오거나 등의 유입경로를 확인할 수 있다.
그중 direct는 ntm_source가 ‘direct’ 이거나, utm_medium가 ‘not set’ 이거나, utm_medium가 ‘none’ 일 경우 등 별도의 ‘Referrer’ 정보가 확인되지 않는 방문에 대해 Direct Traffic으로 분류한다고 한다.

아래와 같을 경우, (direct)가 나올 확률이 있다고 한다.

1) E-mail 링크를 통한 방문
2) MS Office or PDF 문서 링크를 통한 방문
3) Shortened URL(단축URL)을 통한 방문
4) 페이스북/트위터 등과 같은 Mobile Social App을 통한 방문
5) Internet Explore(일부 구버전)의 javascript/flash 링크를 통한 방문
6) Secoure(https) site에서 Non-secure(http) site로의 방문
7) 302 redirect
8) 사이트 내 GA script가 누락된 페이지에서 GA script가 삽입된 페이지로의 이동
9) 브라우저 버전/설정에 따라 Referrer 정보를 제공하지 않는 경우

utm 정보

위에서 utm_source니 utm_medium이니, 이것들은 url에 추가할수 있는 utm 정보들이다. 더 자세히 알아보자.
URL에 추가할 수 있는 UTM은 총 5가지이며, 이 중에 필수적으로 들어가는 값은 3개이다.

utm_source : (필수) 내 사이트에 들어오는 유입 플랫폼 (ex. google, naver, daum 등)
utm_medium : (필수) 광고 또는 마케팅 매체 (ex. email, cpc, banner 등)
utm_campaign : (필수) 캠페인, 상품 등의 이름, 프로모션 코드 등 (ex. summer-travel, chocolate 등)
utm_term : 유료 검색 키워드
utm_content : 사용자에게 노출된 광고 버전 구분