> ## Documentation Index > Fetch the complete documentation index at: https://help.airbridge.io/llms.txt > Use this file to discover all available pages before exploring further. # 웹투앱 캠페인 측정하기 에어브릿지를 활용해 웹투앱 캠페인을 진행해 보세요. **알립니다** PC, CTV 등 다른 플랫폼에서 캠페인을 진행할 계획이라면 아래 가이드를 참고하세요. * [크로스 플랫폼 측정하기](/ko/guides/cross-platform-measurement) ## 웹투앱 캠페인 이해하기 **웹투앱(Web-to-App)** 웹투앱(Web-to-App)은 광고를 클릭한 유저를 웹 랜딩 페이지를 거쳐 앱 또는 앱 마켓으로 보내는 캠페인 방식입니다. 유저가 최종 목적지에 도착하기 전 웹 랜딩 페이지를 제공해 전환 발생률을 높일 수 있습니다. 다음과 같은 상황에서 웹투앱 캠페인을 진행해 보세요. * 유저가 앱을 설치하기 전에 서비스와 관련된 웹 랜딩 페이지를 보여줘서 서비스 이해도는 높이고 설치에 대한 심리적 부담은 줄이고 싶어요. * 서비스의 모바일 웹 사이트를 방문한 유저 중에서 아직 앱을 설치하지 않은 유저는 앱 마켓으로 보내고, 앱을 설치한 유저는 앱으로 재방문시키고 싶어요. * 웹 캠페인으로 유입된 유저가 앱까지 이어서 이용하도록 유도하고 싶어요. ### 웹투앱 캠페인 시나리오 kr-wab-to-app-scenario 1. 광고를 클릭한 유저는 웹 랜딩 페이지로 이동됩니다. 2. 유저가 웹 랜딩 페이지에서 앱 마켓 또는 앱으로 이동하는 배너나 버튼을 클릭합니다. 3. 유저의 앱 설치 여부에 따라 최종 목적지가 달라집니다. 아직 앱을 설치하지 않은 유저는 앱 마켓으로, 이미 앱을 설치한 유저는 앱으로 딥링킹됩니다. 4. 앱을 설치한 후 처음 실행한 유저와 앱으로 딥링킹된 유저는 1번에서 클릭한 광고와 관련된 앱 페이지로 최종 도착합니다. ## 캠페인 설정하기 담당자별로 웹투앱 캠페인 설정을 위한 항목은 아래와 같습니다. | 항목 | 단계 | 작업 위치 | 담당자 | | ------------- | --------------------------------------------------- | ----------- | --- | | 웹 랜딩 페이지 개발하기 | - 에어브릿지 웹 SDK 설치하기
- 배너나 버튼에 유저를 이동시키는 기능 적용하기 | 에어브릿지 웹 SDK | 개발자 | | 트래킹 링크 생성하기 | 광고에 사용할 트래킹 링크 만들기 | 대시보드 | 마케터 | | 웹 캠페인 연동하기 | 일부 광고 채널의 경우 웹 캠페인 연동하기 | 대시보드 | 마케터 | ### 웹 랜딩 페이지 개발하기 (개발자) **개발 작업이 필요합니다. 개발자에게 도움을 요청하세요.** 현재 보고 있는 [웹 랜딩 페이지 개발 부분](#웹-랜딩-페이지-개발하기-개발자)을 개발자에게 전달하고 아래 사항을 모두 요청하세요. ##### 1. 에어브릿지 웹 SDK 설치하기 웹 랜딩 페이지에 에어브릿지 웹 SDK를 설치해야 합니다. 에어브릿지 웹 SDK가 설치돼야 에어브릿지에서 웹 랜딩 페이지의 데이터를 수집할 수 있습니다. 아래 가이드와 함께 개발자에게 에어브릿지 웹 SDK를 설치해달라고 요청하세요. * [Web SDK 설치하기](/ko/developers/web-sdk#web-sdk-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0) ##### 2. 배너·버튼에 유저를 이동시키는 기능 적용하기 웹 랜딩 페이지에 삽입된 배너나 버튼에 에어브릿지가 제공하는 코드를 적용해야 합니다. 이 코드가 적용돼야 배너나 버튼을 클릭한 유저가 앱이나 앱 마켓으로 이동됩니다. 유저를 보낼 최종 목적지와 리포트에서 조회할 데이터 등을 정하고, 아래 가이드와 함께 개발자에게 삽입된 배너나 버튼에 에어브릿지 코드를 적용해달라고 요청하세요. ###### 배너 * [스마트 앱 배너 만들기](/ko/developers/web-sdk#%EC%8A%A4%EB%A7%88%ED%8A%B8-%EB%B0%B0%EB%84%88-%EB%A7%8C%EB%93%A4%EA%B8%B0) ###### 버튼 * [유저를 앱 마켓으로 보내는 버튼 만들기](/ko/developers/web-sdk#%ED%8F%B4%EB%B0%B1-%EA%B2%BD%EB%A1%9C-%ED%95%84%EC%88%98) * [유저를 앱으로 딥링킹하는 버튼 만들기](/ko/developers/web-sdk#%EB%94%A5%EB%A7%81%ED%82%B9-%EA%B2%BD%EB%A1%9C-%ED%95%84%EC%88%98) ### 트래킹 링크 생성하기 (마케터) 광고 채널에 사용할 트래킹 링크를 생성하세요. 트래킹 링크를 생성할 때 최종 목적지를 ‘웹 사이트’로 지정하고, [웹 SDK 개발 작업](#웹-랜딩-페이지-개발하기-개발자)이 완료된 랜딩 페이지 URL을 입력해야 합니다. * [에어브릿지에서 트래킹 링크 생성하기](/ko/guides/creating-tracking-links-on-the-dashboard) ### 웹 캠페인 연동하기 (마케터) 아래 채널에서 웹 캠페인을 진행하려면 에어브릿지 트래킹 링크가 아닌 별도의 연동 과정을 따라주세요. ##### 메타 애즈 메타 애즈에서 웹 캠페인을 진행하려면 아래 가이드를 참고해 연동을 완료하세요. * [웹 캠페인 성과 확인하기 - 메타 애즈](/ko/guides/meta-business-website-conversion) ##### 구글 애즈 구글 애즈에서 웹 캠페인을 진행하려면 아래 가이드를 참고해 연동을 완료하세요. * [웹 캠페인 성과 확인하기 - 구글 애즈](/ko/guides/google-ads-website-conversion) ##### 틱톡 포 비즈니스 틱톡 포 비즈니스에서 웹 캠페인을 진행하려면 아래 사항을 완료하세요. **개발 작업이 필요합니다. 개발자에게 도움을 요청하세요.** ###### 필수 담당자별로 웹 캠페인 연동을 위한 항목은 아래와 같습니다. | 항목 | 설명 | 작업 위치 | 담당자 | 참고 | | --------------------------------- | ------------------------------------------------------------------------------------------- | -------------- | --- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 웹 랜딩 페이지 URL에 UTM 파라미터 추가 | 웹 랜딩 페이지 URL에 UTM 파라미터를 추가해야 합니다. | 틱톡 포 비즈니스 대시보드 | 마케터 | - | | 에어브릿지 웹 SDK에 `utmParsing: true`설정 | 에어브릿지 웹 SDK에 `utmParsing` 옵션을 `true`로 설정해야 합니다. 이 옵션이 `true`여야 에어브릿지가 UTM 파라미터를 활용할 수 있습니다. | 에어브릿지 웹 SDK | 개발자 | [utm 파라미터 자동으로 설정하기](/ko/developers/web-sdk#utm-%ED%8C%8C%EB%9D%BC%EB%AF%B8%ED%84%B0-%EC%9E%90%EB%8F%99%EC%9C%BC%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0) | ###### 권장 필요한 경우 틱톡 포 비즈니스 가이드를 참고해 아래 사항을 완료하세요. * [틱톡 픽셀 설치](https://ads.tiktok.com/help/article/tiktok-pixel?lang=ko) ## 캠페인 성과 조회하기 웹투앱 캠페인 성과는 에어브릿지 리포트, 원본 데이터, 실시간 로그에서 확인할 수 있습니다. 아래 가이드를 참고하세요. * [웹투앱 캠페인 성과 확인하기](/ko/guides/web-to-app-tracking-with-cta-buttons#%EC%84%B1%EA%B3%BC-%EC%A1%B0%ED%9A%8C%ED%95%98%EA%B8%B0) ## 자주 묻는 질문 웹 랜딩 페이지에는 버튼을 최대 3개까지 삽입할 수 있습니다. 아래 가이드를 참고하세요. * [CTA 파라미터 추가하기](/ko/guides/web-to-app-tracking-with-cta-buttons#cta-%ED%8C%8C%EB%9D%BC%EB%AF%B8%ED%84%B0-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0) PAW(Protected Attribution Window) 기본 설정은 `true`입니다. 이 설정이 `true`여야 웹 캠페인을 진행한 광고 채널로 기여됩니다. 아래 가이드를 참고하세요. * [웹투앱 어트리뷰션의 기여 기간 설정하기](/ko/developers/web-sdk#%EC%9B%B9-%ED%88%AC-%EC%95%B1-%EC%96%B4%ED%8A%B8%EB%A6%AC%EB%B7%B0%EC%85%98%EC%9D%98-%EA%B8%B0%EC%97%AC-%EA%B8%B0%EA%B0%84-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0) **PAW (Protected Attribution Window)** 유저가 웹 랜딩 페이지에 도착한 시점부터 수집된 터치포인트 중, 어트리뷰션에서 제외할 터치포인트를 결정하는 기간입니다. 예를 들어 PAW가 true이고 기간은 30분으로 설정됐다면, 유저가 웹 랜딩 페이지에 도착한 이후 30분 동안 수집된 터치포인트는 어트리뷰션에서 제외됩니다. 주로 웹투앱 트래킹에서 유저를 웹 랜딩 페이지로 이동시킨 광고 채널로 앱에서 발생한 성과를 기여할 때 사용됩니다.