앱은 개발 방식에 따라 네이티브 앱과 하이브리드 앱으로 나뉩니다. 네이티브 앱(Native App)은 안드로이드, iOS 등 각 운영체제에 맞춰 개발한 앱입니다. 반면 하이브리드 앱(Hybrid App)은 웹사이트를 웹뷰(WebView)로 감싸 앱의 형태로 개발한 것입니다.
하이브리드 앱의 개발을 앱 빌더에 요청하면 웹과 앱의 개발 주체가 나뉩니다. 웹은 사내에서, 앱은 앱 빌더에서 개발합니다. 이 가이드에서는 에어브릿지 사전 준비와 웹 개발 방법을 안내합니다. 앱 개발은 앱 개발 요청하기를 참고하세요.
하이브리드 앱에서 발생한 이벤트도 앱 이벤트로 수집됩니다
하이브리드 앱의 화면은 웹뷰로 보여주는 웹사이트 화면이지만, 하이브리드 앱에서 발생한 이벤트도 앱 이벤트로 수집됩니다. 일반 브라우저에서 발생한 이벤트는 웹 이벤트로 수집됩니다. 접속 환경에 따라 이벤트가 자동으로 구분되므로 따로 설정하지 않아도 됩니다.
먼저 아래 작업을 완료하세요. 이 단계에서 정한 사항을 이후 웹 개발과 앱 빌더 연동에 활용합니다.
에어브릿지 계정을 생성하세요.
앱을 등록하세요. 자세한 방법은 새로운 앱 등록하기를 참고하세요.
[설정]>[에어브릿지 앱 설정]>[앱 정보]로 이동해 [서비스]를 전부 등록하세요.
웹 개발자 등 함께 작업할 사용자를 에어브릿지에 초대하세요. 자세한 방법은 조직에서 사용자 관리하기를 참고하세요.
운영 중인 광고 채널이 에어브릿지 대시보드 [연동]>[광고 채널 연동] 목록에 있는지 확인하세요.
목록에 없는 광고 채널은 광고 채널 연동 신청서로 연동을 신청하세요.
이벤트 택소노미는 수집할 이벤트와 프로퍼티를 정의한 구조입니다. 회원가입, 구매 완료 같은 유저 행동 중 무엇을 이벤트로 수집할지, 각 이벤트에서 어떤 정보를 프로퍼티로 함께 수집할지 정합니다. 아래 가이드를 참고해 광고 성과 확인에 필요한 이벤트 택소노미를 설계하세요.
아래는 서비스 분야별 권장하는 이벤트 택소노미 가이드입니다.
웹사이트에는 아래 웹 개발 작업이 필요합니다. 웹 개발자에게 아래 내용을 전달해 작업을 요청하세요.
에어브릿지 웹 SDK를 설치하세요. 설치에 필요한 앱 이름과 웹 SDK 토큰은 에어브릿지 대시보드 [설정]>[토큰 관리]에서 확인하세요. 설치 방법은 Web SDK 설치하기를 참고하세요.
웹사이트에서 발생한 이벤트를 광고 성과로 측정하려면 사전 준비하기 단계에서 설계한 이벤트 택소노미에 따라 이벤트를 전송하세요. 자세한 방법은 웹 이벤트 전송하기를 참고하세요.
주의하세요
간편 로그인이나 간편 결제 서비스를 지원하는 경우, 앱의 로그인 완료 또는 결제 완료 페이지가 로드된 후에 이벤트를 전송하세요. 유저가 서비스 간 이동하는 중에 전송된 이벤트는 정상적으로 수집되지 않을 수 있습니다.
웹과 앱에 흩어져 있는 유저 여정을 통합하려면 이벤트를 전송할 때 유저 ID를 포함하세요. 자세한 방법은 유저 ID 설정하기를 참고하세요.
웹사이트를 방문한 유저를 앱으로 보내려면 웹사이트와 앱 양쪽에 웹투앱 설정을 완료하세요. 웹사이트 설정은 아래를, 앱 설정은 앱 빌더별 연동 가이드를 참고하세요. 웹투앱 캠페인의 전체 흐름은 웹투앱 캠페인 측정하기를 참고하세요.
웹사이트의 버튼에 에어브릿지 웹 SDK의 openDeeplink 함수를 적용하세요. openDeeplink 설정 방법과 입력 항목은 웹투앱 설정을 참고하세요.
주의하세요
openDeeplink의 딥링킹 경로에 넣는 URL 스킴 딥링크는 앱 빌더마다 규칙이 다릅니다. 앱 빌더 연동 가이드에서 확인하세요.
웹사이트에 앱 설치나 전환을 유도하는 스마트 배너를 노출할 수 있습니다. 자세한 내용은 스마트 배너 만들기를 참고하세요.
유저를 웹사이트로 보낸 광고 채널에 앱에서 발생한 성과를 기여하려면 프로텍티드 어트리뷰션 윈도우(Protected Attribution Window, PAW)를 설정하세요. PAW를 설정하지 않으면 웹사이트에 성과가 기여될 수 있습니다. 자세한 내용은 아래 가이드를 참고하세요.
앱 개발 작업은 앱 빌더가 담당합니다. 앱 빌더별 연동 가이드에 따라 에어브릿지와 앱 빌더 대시보드 연동을 완료하세요.
웹 개발과 앱 빌더 연동을 마쳤다면 아래를 테스트하세요.
SDK 연동 테스트: 마케터를 위한 에어브릿지 SDK 테스트를 참고하세요.
앱 이벤트 수집 확인: 앱에서 발생한 이벤트가 [앱 이벤트 실시간 로그]에 기록되는지 확인하세요. 자세한 내용은 실시간 로그로 이벤트 확인하기를 참고하세요.
웹 이벤트 수집 확인: 웹에서 발생한 이벤트가 [웹 이벤트 실시간 로그]에 기록되는지 확인하세요. 자세한 내용은 실시간 로그로 이벤트 확인하기를 참고하세요.
웹투앱 딥링킹 확인: 웹사이트의 버튼이나 배너를 클릭했을 때 앱으로 딥링킹되는지 확인하세요. 자세한 방법은 마케터를 위한 에어브릿지 딥링킹 테스트를 참고하세요.
모든 테스트가 완료됐다면 아래 순서로 광고 성과 측정을 시작하세요.
광고 채널을 연동하세요. 자세한 방법은 에어브릿지와 연동하기를 참고하세요.
트래킹 링크를 생성해 광고에 사용하세요. 자세한 방법은 에어브릿지에서 트래킹 링크 생성하기를 참고하세요.
리포트에서 광고 성과를 조회하세요. 자세한 내용은 에어브릿지 리포트 알아보기를 참고하세요.
도움이 되었나요?