모바일 웹을 위한 웹 투 앱(website-to-app) 포워딩

소개

대부분의 수집은 모바일 앱과 모바일 인벤토리가 앱 인스톨을 중심으로 유도하지만, 많은 기업들은 더 많은 유저들을 모바일 웹 사이트 Call-to-Action에서 네이티브 모바일 앱 경험 쪽으로 이끄는 유저 여정을 갖습니다. 이 여정은 일반적으로 페이드(paid) 웹 기반 캠페인과 "오가닉"으로 모바일 웹 페이지에 랜딩한 여정들을 포함합니다. 
기존 모바일 트래킹 링크 어트리뷰션은 트래킹 링크들이 Call-to-Action에 임베드 되어있는 경우 모든 컨버전들을 수집하지만, 해당 링크들이 어떻게 모바일 웹 사이트에 도달했는지에 대한 정보를 언제나 자동으로 수집하지는 않습니다.

mceclip4.png

이 문서는 유저들의 모바일 Web-to-App 컨버전을 더 많이 추적하기 위해 Singular의 전용 솔루션을 구현하는 방법에 관해 설명합니다. 

Singular 링크Singular’s web SDK를 함께 사용하면, 모바일 앱 어트리뷰션 리포트에서 모바일 웹 사이트로부터 모바일 앱 전환에 대한 추가적인 통찰을 얻을 수 있습니다. 다음은 Singular 전용 Web-to-App 트래킹 솔루션을 구현한 후 Singular Links가 모바일 웹 데이터로 채워진다면 어떻게 표기될지의 전과 후에 대한 예시입니다.  

전:

mceclip3.png

후:

mceclip2.png

이전의 소스 = "Mobile Web to App"에 버킷 되어있던 9건의 인스톨과 13건의 리인게이지먼트는 모바일 웹 소스 "Adwords"와 "Some_source"를 포함하는 실제 트래픽입니다.   

필수 조건

  1. Singular 웹 SDK 버전 1.0.8 이상으로 연동하세요.
  2. “Mobile Web to App”에 대한 Singular 링크의 베이스를 생성하세요.

    주의:

    • 베이스 링크는 Singular에 의해 제공됩니다. 귀사의 고객 성공 매니저에게 자세한 정보에 대해 문의하세요.
    • 딥 링크, 패스 스루, 디퍼드 딥 링크(Deferred Deeplink) 파라미터들의 기본값은 null입니다. 값이 전달되면, 해당 값들은 링크에 첨부되거나 기존에 존재하는 딥 링크 (‘_dl’) , 패스 스루 (‘_p’), 디퍼드 딥 링크 (deferred deep link) (‘_ddl’) 파라미터를 오버 라이드 합니다.
  3. (선택 사항) 리인게이지먼트 트래킹을 위해서는 - Singular 링크 내 딥링크를 추가하고 베이스 링크와 딥 링크를 설정하세요.  

구현

모바일 웹사이트가 이 모바일 앱 어트리뷰션과 어트리뷰션 데이터를 확실하게 수집하게 하기 위해서는, CDN/NPM을 사용하여 현재 구현되어있는 Singular 웹 SDK에 다음 메서드들을 구현하세요.  

openApp 메서드
설명 웹 투 앱 Singular link를 빌드하고 인스톨되면 앱을 오픈합니다. 만약 앱이 인스톨 되지 않았다면, 유저는 미리 지정된 폴 백 페이지로 보내집니다.   
표시 singularSdk.openApp(baseLink, deeplink = null, passthrough = null, deferredDeepLink = null)
사용 예시

// Opens the app with the following base link with
// no deep link,passthrough or deferred deeplink params
singularSdk.openApp("https://mydomain.sng.link/Buour/55cx");

// Opens the app with the following base link custom
// deeplink (‘_dl’) passthrough (‘_p’) & deferred 
// deeplink (‘_ddl’) params singularSdk.openApp("https://mydomain.sng.link/Auour/55ba", "deeplink_value", "passthrough_value", “deferred_value”);
buildWebToAppLink 메서드
설명 웹 투 앱 Singular 링크를 빌드합니다. 개발자는 해당 링크를 어떻게 발동시킬지 선택할 수 있습니다.  
표시 singularSdk.buildWebToAppLink(baseLink, deeplink = null,
passthrough = null, deferredDeepLink = null)
사용 예시

// Builds web to app link with the following base link with
// no deep link, passthrough or deferred deeplink params
const webToAppLink = 
singularSdk.buildWebToAppLink("https://mydomain.sng.link/Buour/55cx");

// Builds web to app link with the following base link
// custom deeplink (‘_dl’), passthrough (‘_p’) &
// deferred deeplink (‘_ddl’) params const webToAppLink = singularSdk.buildWebToAppLink("https://mydomain.sng.link/Auour/55ba", "deeplink_value", "passthrough_value", “deferred_value”);

Google Tag Manager를 사용한다면, 다음 커스텀 HTML 태그와 코드를 추가하세요:

<script>
  (function() {
    if (singularSdk) {
      const baseLink = "https://mydomain.sng.link/Auour/55ba";
      const deeplink = ''; // Put deep link here, can be null 
      const passthrough = ''; // Put passthrough here, can be null 
      const deferredDeepLink = ''; // Put deferred deep link here, can be null 

      singularSdk.openApp(baseLink, deeplink, passthrough, deferredDeepLink)
    }
  })();
</script>

리포트

mceclip1.png

"모바일 웹 투 앱" 값은 트래커 명에 사용되고 새 "Link Type" 디멘션은 모바일 웹 사이트 내 임베드 된 베이스 링크를 사용하는 모든 트래킹 된 모바일 앱 어트리뷰션을 확인하는 데 사용됩니다.    

openApp (또는 다른 호출)에 의해 트리거 되어 베이스 링크로부터 비롯된 모바일 앱 어트리뷰션은 Singular 웹 어트리뷰션에 설정된 모든 웹 캠페인과 자동으로 통합됩니다.   

또, UTM 레퍼러 값들을 사용하는 소스들과 모바일 웹 사이트에서 모바일 앱 CTA로 디렉팅한 트래픽은 다음 Singular 리포팅 디멘션에 따라 매핑되고 보고됩니다: 

UTM Singular 디멘션
utm_source Source
utm_campaign Campaign Name
utm_content Creative Name
utm_term Keyword
utm_medium (유저 레벨 추출 내 사용 가능)

매핑된 값들은 또한 유저 레벨 추출(user level exports) 내에서 사용 가능합니다. 모든 UTM 값들은 추출 내 "passthrough" 칼럼에서도 유지됩니다.