마케팅이야기, 리다이렉트로 더 정확하게 사용자 추적하기

마케팅이야기, 리다이렉트로 더 정확하게 사용자 추적하기

 

앱 서비스 회사가 블로그와 같은 채널을 운영하는 데에는 많은 이유가 있습니다. 브랜딩, 소통과 같은 이유는 분명 중요합니다. 하지만 블로그를 통해 서비스를 알리고 다운로드를 유도하는 것도 이에 못지않게 중요합니다. 브랜딩과 소통에 주목적이 있다면 블로그 운영의 성과를 방문 수와 상호작용 수 정도의 지표로 측정할 수 있습니다. 하지만 블로그를 통한 앱 다운로드도 중요한 이유라고 하면 블로그의 성과를 측정하기 위해 GA와 같은 도구의 도움을 받아야 합니다.  

 

블로그의 배너를 눌러 구글플레이로 이동한 사람은 몇 명?

제가 블로그에 올리는 모든 글의 하단에는 앱을 내려받을 수 있는 구글플레이로 연결되는 배너가 있습니다. 배너의 링크에는 UTM 태그들을 달아놓아 그 배너를 눌러 앱을 내려받는 경우 추적이 가능하게 되어 있습니다. 하지만 문제는 그 배너를 눌러 구글플레이로 이동하는 순간 발생했습니다. 배너를 클릭하면 블로그의 추적코드에서 벗어나게 되고 따라서 블로그의 GA에는 이탈한 상황만 남을 뿐, 어디로 이탈했는지는 알 수 없게 됩니다. 따라서 앱의 GA에는 어디서 사용자가 유입되었는지 기록이 남게 되지만, 블로그의 GA에서는 어떤 콘텐츠에서 이탈한 사용자가 앱을 내려받았는지, 아니면 다른 사이트로 이탈했는지 알 수 없습니다.

bluehack_blog_bluelens_banner

회사 블로그 컨텐츠에 들어가는 배너 © blog.bluehack.net

이 문제는 비단 GA에만 해당하는 문제는 아닙니다. 저는 히트 맵, 스크롤 맵, 사용자 의견 수렴 등을 위해 Hotjar라는 트래킹 도구를 사용하고 있습니다. 어떤 글에서 배너를 눌러 구글플레이로 이동한 방문자들을 측정하기 위한 Funnel을 만들려고 하는데 배너를 눌러 구글플레이로 이동한 방문자들을 측정할 수 없었습니다. 위의 GA 사례와 마찬가지로 구글플레이에는 제 추적코드가 없으므로 이탈했다는 사실만 알 뿐, 어디로 이탈했는지는 알 수 없는 상태였습니다.

hotjar_funnel

Hotjar 에서 만들고 싶었던 Funnel

(이벤트를 트래킹하는 GA 코드를 삽입하면 해당 페이지에서 발생한 클릭, 외부 링크로 이동, 동영상의 재생과 같은 이벤트를 수집할 수 있습니다. 하지만 마케터에게 쉬운 방법은 아닙니다. 또한, GA 정도의 기능을 지원하지 않는 Hotjar에서는 코드로 이벤트를 추적하는 것이 불가능합니다. 참고 링크: GA analytics.js Event tracking)

 

해결책은 리다이렉트

문제의 핵심은 제가 추적 코드를 심을 수 있는 곳까지 사용자의 행동을 볼 수 있다는 것입니다. 그래서 사용자가 내 추적 코드를 벗어나기 때문에 추적이 불가능하다면 내 추적코드를 거쳐서 구글플레이로 가도록 한다면 문제를 해결할 수 있었습니다. 하지만 배너를 누르고 다른 창으로 이동해 거기서 한 번 더 눌러야 구글 플레이로 연결된다면 단계가 하나가 더 늘어나게 됩니다. 따라서 사용자가 눈치채지 못하게 임의의 페이지를 거쳐서 구글 플레이로 가도록 하면 모든 문제가 해결되는 것이죠.

저는 사용자가 눈치채지 못하게 어떤 페이지를 거쳐 구글플레이로 가게 하려고 리다이렉트를 이용했습니다. 리다이렉트는 어떠한 페이지에 사용자가 도착했을 때 바로 다른 페이지로 이동시키는 것을 말합니다. (비슷한 용어로는 포워딩이라는 용어가 있습니다. 둘은 엄연히 다른 용어지만 사용자 입장에서 다른 것은 없습니다) 그리고 리다이렉트는 간단한 코드 몇 줄이면 할 수 있습니다.

(리다이렉트는 다양한 코드로 만들 수 있습니다. 이 코드는 자바스크립트를 이용한 코드입니다)

 

리다이렉트를 이용할 때 주의점

새로운 웹 페이지를 하나 만들어 리다이렉트 코드를 넣고 몇몇 도구들의 추적코드를 넣었습니다. 물론 이 새로운 페이지에서 리다이렉트 시키는 페이지의 URL에는 GA UTM 파라미터들이 붙어있는 상태로 말입니다. 그리고 그 페이지로 이동하는 링크를 배너에 달았습니다. 그리고 테스트 겸 배너룰 눌러 이벤트가 올라오는지 확인했습니다. 그런데, 이럴수가. 이벤트가 올라오지 않았습니다. 이게 어떻게 된 일일까요?

문제는 바로 새로 만든 웹 페이지에 삽입한 코드들의 순서였습니다. 제 지식이 짧은 관계로, 그리고 해결책을 찾았다는 기쁨에 일단 리다이렉트 코드를 먼저 삽입한 후에 추적코드를 달아놨던 것입니다. 웹 브라우저는 웹 페이지를 열때 위에서부터 차례대로 코드를 읽어 내려옵니다. 저의 경우 추적코드보다 리다이렉트코드가 상단에 위치해 있었습니다. 따라서 추적코드가 실행되기 전에 리다이렉트코드가 먼저 실행되어 구글플레이로 이동시켜 버린 것이죠.

따라서 가장 먼저 실행되는 head 태그 안에 사용하는 추적코드들을 삽입한 후 body 태그 안에 리다이렉트 코드를 넣었습니다. 다시 테스트를 하니 이벤트가 정상적으로 올라오는 것을 확인할 수 있었습니다.

 

리다이렉트를 이용할 때 알아두면 좋은 것

리다이렉트 코드를 이용해 방문자를 OS, 브라우저별로 다른 URL로 리다이렉트 시킬 수 있습니다. 즉 아이폰 사용자의 경우 앱스토어로 리다이렉트 시킬 수 있고, 안드로이드 사용자의 경우 구글플레이로 리다이렉트 시킬 수 있습니다. 저는 앱이 구글플레이에서만 서비스되기 때문에 전부 구글플레이로 리다이렉트 시켰습니다. 하지만 아이폰과 안드로이드 모두 서비스하는 분들은 이 점을 참고하시면 좋을 것 같습니다.

 

마무리하며

리다이렉트 코드는 어렵지 않고, 이를 이용해 리다이렉트 페이지를 만드는 것도 어렵지 않습니다. 리다이렉트를 이용해 한 뼘 더 사용자를 추적할 수 있다는 사실! 꼭 기억하시고 활용해보세요.

 

 

 

Facebook Comments
« Previous Post
Next Post »

About Author

HEEJUNG

Matt 세상을 보고 무수한 장애물을 넘어 벽을 허물고 더 가까이 다가가 서로 알아가고 느끼는 것. 그것이 바로 제 인생의 목적입니다.