- 마케터 가이드
- 데이터 트래킹하기
- 웹과 앱 측정하기
웹 랜딩 페이지에 사용할 CTA 버튼 만들기
에어브릿지를 활용해 웹 랜딩 페이지에 CTA 버튼을 삽입하고 성과를 측정해 보세요.
웹 랜딩 페이지에 도착한 유저의 전환율을 높이기 위해 CTA(Call-To-Action) 버튼으를 해당 페이지에 삽입할 수 있습니다. 에어브릿지 기능을 활용해 CTA 버튼을 클릭한 유저를 원하는 경로로 보내고 성과를 측정할 수 있습니다. 광고나 콘텐츠를 클릭해 웹 랜딩 페이지로 이동된 유저를 앱 설치 여부에 따라 특정 앱 페이지로 보내거나 앱마켓으로 보낼 때 활용해 보세요.
아래는 웹 랜딩 페이지에 사용할 CTA 버튼을 만들기 위해 필요한 사항입니다.
웹 랜딩 페이지에 CTA 버튼을 삽입하려면 개발자에게 CTA 버튼 개발을 요청해야 합니다. 개발을 요청하기 전에 아래 사항을 모두 준비하세요.
웹 랜딩 페이지에서 CTA 버튼을 클릭한 유저를 조건에 따라 어디로 보낼지 정해야 합니다. 이를 정해야 개발자가 지정된 경로로 유저를 보내도록 CTA 버튼을 개발할 수 있습니다. 아래에서 리다이렉션 경로에 따른 준비사항을 확인하세요.
웹 랜딩 페이지에서 CTA 버튼이 클릭됐을 때 이에 대한 정보를 리포트에서 조회할 수 있습니다. 리포트에서 조회할 CTA 버튼 정보와 캠페인 정보를 정의하세요.
알립니다
CTA 버튼을 사용한 캠페인 성과를 정확하게 분석하려면 모든 정보를 정의하는 것을 권장합니다. 이를 정의하지 않을 경우 리포트에서 어떤 캠페인에 CTA 버튼이 사용됐는지 구분하기 어렵습니다.
리포트에서 각 그룹바이를 선택했을 때 조회할 CTA 정보를 정의하세요. 아래는 모두 선택사항입니다. 필드는 개발자에게 필요한 항목입니다. 이처럼 정의된 정보는 리포트에서 확인할 수 있으며 버튼 1개당 최대 3개 정보를 정의할 수 있습니다.
CTA Param에는 버튼과 관련된 정보를 자유롭게 정의할 수 있습니다. 아래 예시를 참고하세요. 항목에 포함되지 않은 다른 사항도 정의할 수 있습니다.
알립니다
유저가 아래와 같은 방법을 통해 웹 랜딩 페이지로 이동됐을 때는 터치포인트 정보가 수집되지 않습니다. 이러한 경우에는 리포트에서 터치포인트 그룹바이를 선택했을 때
defaultChannel과defaultParams에 입력된 캠페인 정보가 조회됩니다.
유저가 트래킹 링크나 UTM 파라미터가 적용되지 않은 광고 클릭
유저가 직접 웹 랜딩 페이지 URL 입력
유저가 트래킹 링크나 UTM 파라미터가 적용되지 않은 광고를 클릭하거나 직접 웹 랜딩 페이지 URL을 입력하는 등 터치포인트 정보가 수집되지 않는 예외 상황에서 사용할 캠페인 정보를 정의하세요. 예를 들어 웹 랜딩 페이지에 오가닉하게 이동된 유저를 나타낼 때 캠페인 정보를 활용할 수 있습니다. 아래는 모두 선택사항입니다. 필드는 개발자에게 필요한 항목입니다.
에어브릿지를 활용해 CTA 버튼을 만드는 방법은 openDeeplink 함수 사용과 트래킹 링크 사용으로 2가지입니다. 에어브릿지는 openDeeplink 함수를 사용하는 것을 권장하며, 이 가이드는 해당 함수 중심으로 작성됐습니다. 각 방법에 따른 어트리뷰션 시나리오는 가이드를 참고하세요.
개발 작업이 필요합니다. 개발자에게 도움을 요청하세요.
현재 보고 있는 CTA 버튼 만들기 부분과 함께 위에서 준비한 유저 리다이렉트 경로와 리포트 조회 정보를 개발자에게 전달하세요.
이용 중인 플랫폼에 해당하는 앱 SDK와 웹 SDK를 설치하세요.
아래 가이드를 참고해 CTA 버튼에 openDeeplink 함수를 적용하세요. 유저의 앱 설치 여부에 따른 리다이렉트 경로와 리포트에서 조회할 정보를 설정해야 합니다.
에어브릿지에서 아래처럼 성과를 조회할 수 있습니다. CTA 버튼 정보를 정의한 경우 CTA Param을 사용하세요.
CTA 버튼 정보를 정의한 경우 CTA Param 1, CTA Param 2, CTA Param 3을 그룹바이로 선택하세요. 이 정보를 정의하지 않았다면 리포트를 조회할 때 CTA 버튼이 사용된 캠페인을 구분하기 어렵습니다.
예를 들어 웹 랜딩 페이지에 버튼이 2개인 경우 각 버튼의 사용 여부를 표시하기 위한 CTA Param 1은 모두 CTA로 설정하고, CTA Param 2는 버튼 위치에 따라 각각 Top Banner과 Bottom Banner로 설정하면 리포트에서 아래처럼 정보를 조회할 수 있습니다. 먼저 그룹바이로 CTA Param 1을 선택하면 CTA 버튼을 통해 발생한 성과인지를 CTA라는 값으로 확인할 수 있습니다.
그 다음 그룹바이로 CTA Param 2를 선택하면 버튼 위치별로 CTA 버튼별 성과를 구분해서 확인할 수 있습니다.
원본 앱 데이터를 추출할 때 [프로퍼티 선택] 단계에서 CTA Param 1, CTA Param 2, CTA Param 3을 선택하세요.
웹과 앱에서 발생한 이벤트를 실시간으로 확인할 수 있으니 참고하세요. 예를 들어 [웹 이벤트 실시간 로그]에서 Opens (Web) 이벤트를 확인한 후에 [앱 이벤트 실시간 로그]에서 Deeplink Opens (App) 이벤트와 이후 발생한 이벤트를 확인할 수 있습니다. 이때 CTA 버튼 정보를 조회하려면 해당 이벤트 행을 클릭해서 attributedCtaParam1, attributedCtaParam2, attributedCtaParam3을 확인하세요.
알립니다
Move to App (Web) 이벤트는 CTA 버튼이 클릭됐을 때 에어브릿지 웹 SDK에서 자동 수집하는 이벤트입니다. 따라서 Channel은 항상 airbridge.websdk로 표시됩니다.