원링크(OneLink™) 2부: 링크 클릭 시, 기존 앱 설치자는 바로 앱 실행시키기

링크 클릭 후 바로 앱을 열도록 하는 기술은 다음과 같이 세 가지가 있습니다.

• iOS 유니버설 링크: iOS 9 이상에서 작동합니다. 앱을 열 때 부드럽고 안정적인 경험을 제공합니다.  
• 안드로이드 앱 링크: 안드로이드 6 이상에서 작동하며 앱을 열 때 부드럽고 안정적인 경험을 제공합니다. 일러두기: Samsung OS는 안드로이드 앱 링크를 사용하여 앱을 실행할 수 없습니다.
• URI 스킴:
  
  • 폴백(Fallback) 메서드:
    • 안드로이드: URI 스킴은 안드로이드 앱 링크가 작동하지 않거나 설정되지 않았기 때문에 앱을 열지 않는 경우의 효과적인 폴백 방법입니다.
    • iOS: 유니버설 링크가 작동하지 않거나 설정되지 않았기 때문에 앱을 열지 못하는 경우 제한된 폴백 기능입니다. 더 알아보기
  • 삼성 기기에서 앱을 여는 열기 위한 기본 방법.
  • 앱이 설치되었을 경우, 접속할 때 이 주소에서 앱을 엽니다. 웹사이트 링크와 비슷하지만 웹사이트 대신 앱을 엽니다.
  • iOS와 안드로이드에서 같아야합니다. 

모든 종류의 디바이스에서 사용자 경험을 향상시키고 안전하게 서비스를 제공하기 위해 가능한 위 기술을 모두 사용하는 것이 좋습니다. 모든 링크 기술을 작동시키면 원링크는 자동으로 각 사용자에게 최적화된 방식을 적용합니다. 

전제조건: 앱스플라이어 어드민 사용자거나 원링크 템플릿을 추가/편집하기 위한 관리 권한이 있어야 합니다.

원링크 템플릿 업데이트하기

1. 앱스플라이어 대시보드로 가서 경험 및 딥링킹 < 원링크 메뉴를 클릭합니다.
2. 이전 가이드에 따라 만든 원링크 템플릿 이름의 오른쪽 위 점 세 개를 클릭하면 나타나는 편집 아이콘을 클릭하여 원링크 템플릿을 편집합니다.
3. 리디렉션 및 딥링킹 탭을 클릭합니다.
4. 앱을 설치한 경우 부분까지 스크롤 다운합니다.

   

5. 다음 안내에 따라 iOS, 안드로이드 및 대체 옵션 설정합니다:
   
   iOS 유니버설 링크 안드로이드 앱 링크 URI 스킴

   (iOS) 유니버설 링크 는 일반 웹링크 형식(예: https://yourbrand.onelink.me 혹은  https://www.yourbrand.com) 을 띄고 있으며 하위 도메인을 설정해야 합니다. (이전 가이드 참조) 원링크는  브랜드 이름을 도메인 자리에 두는 브랜드 도메인을 설정할 수 있습니다. 브랜드 도메인 설정은 선택사항이며 필수는 아닙니다.

   (iOS) 유니버설 링크로 앱 실행하기

   1. iOS 개발자와 협업하기
      • 이 원링크 템플릿의 하위 도메인을 iOS 개발자에게 제공합니다.
      • iOS 개발자에게 이 가이드에 따라 작업할 것을 요청합니다.
      • 개발자는 팀 ID(Apple 앱 ID 프리픽스라고 불리기도 함, 예: PF23MIWNTW)를 제공합니다.
      • 앱이 퍼블리시되지 않았다면, 개발자는 마케터에게 번들 ID(예:com.myapp.something)도 같이 주어야 합니다.

        

   2. 원링크 템플릿 페이지에서 이동 목적지 변경: 유니버설 링크를 사용하여 앱 실행을 클릭합니다.
   3. 새 팝업 창에서 유니버설 링크를 사용하여 앱 실행을 선택합니다.
   4. 팀 ID 입력란에 개발자가 제공한 팀 ID를 입력합니다.
   5. 앱이 퍼블리시되지 않았다면, 번들 식별자도 입력합니다.
   6. 변경 사항 저장을 클릭합니다.

   (안드로이드)앱 링크는 일반 웹링크 형식(예:  https://yourbrand.onelink.me 혹은 https://www.yourbrand.com) 을 띄고 있으며 하위 도메인을 설정해야 합니다. (이전 가이드 참조). 원링크는  브랜드 이름을 도메인 자리에 두는 브랜드 도메인을 설정할 수 있습니다. 브랜드 도메인 설정은 선택사항이며 필수는 아닙니다.

   시작하기 전

   이 원링크 템플릿에 대해 선택한 하위 도메인을 설정합니다.

   안드로이드 앱 링크로 앱 실행하기

   1. 안드로이드 개발자와 협업하기 
      안드로이드 개발자에게 이 가이드에 따라 SHA256 핑거프린트를 생성해달라고 요청하십시오.
      개발자가 마케터에게 SHA256 핑거프린트를 만들어줍니다. SHA256 핑거프린트 예:    DC:65:43:67:F3:BD:02:52:AC:B4:50:F1:74:54: 23:49:4D:49:6C:E6:DF:56:BD:CB:53:06:11:5B:C9:4E:5D:0C
   2. 원링크 템플릿 페이지에서 이동 목적지 변경:앱 링크를 사용하여 앱 실행을 클릭합니다.
   3. 새 팝업 창에서 앱 링크를 사용하여 앱 실행를 선택합니다.
   4. SHA256 핑거프린트 입력란에 개발자가 제공한 SHA256 핑거프린트를 입력합니다.
      인텐트(intent) 필터 코드가 자동 생성됩니다.
   5. 안드로이드 개발자와 협업하기 
      개발자에게 자동 생성된 인텐트 필터 코드를 줍니다.
      이 가이드를 따라 작업을 완료하도록 요청하고 확인합니다.

   URI 스킴은 iOS와 안드로이드 사용자 모두에 적용되는 대체 옵션이므로, 각각 동일하게 설정해야 합니다.

   안드로이드와 iOS URI 대체 옵션 설정하기

   1. iOS와 안드로이드 개발자에게 문의하여 URI 스킴을 정합니다. 예: feedmeapp://
      

       팁

      • Apple이나 Google은 앱 스킴에 고유한 이름을 사용하도록 강제하는 장치가 없습니다. 다른 앱의 스킴 이름과 겹치는 것을 방지하기 위해서 브랜드에 맞는 고유한 이름의 스킴을 선택하세요. 좋은 스킴 이름은 com.company.app과 같은 앱 번들 ID입니다.
      • 원링크가 iOS와 안드로이드에서 모두 작동하도록 하기 위해서는 반드시 두 OS에 대해 같은 스킴이 정의되어야 합니다. iOS 가이드 및 안드로이드 가이드를 참조하십시오.
      • URI 스킴은 http나 https로 시작하면 안됩니다.
   2. iOS 개발자에게 이 가이드에 따라 URI 스킴을 구현하라고 요청하십시오.
      그리고
      안드로이드 개발자에게 안드로이드 앱에 이 가이드에 따라 URI 스킴을 구현하라고 요청하십시오.
   3. 개발자가 작업을 완료하면 URI 스킴 값을 제공합니다. URI 스킴 값 예: exampleapp:// 혹은 exampleapp://home 혹은 exampleapp://main 등
   4. 원링크 템플릿 페이지에서 추가: 앱 실행을 위한 URI 스킴을 클릭합니다.
   5. 팝업창에서 URI 스킴을 사용하여 앱 실행을 선택합니다.
   6. URI 스킴 값을 입력합니다.
   7. 변경 사항 저장을 클릭합니다.
   8. URI 스킴을 테스트 (테스트는 마케터나 개발자가 할 수 있습니다)
      1. 앱을 설치한 iOS와 안드로이드, 두 디바이스에서 이 무료 공개 툴을 엽니다.
      2. 이 툴이 생성한 링크를 탭합니다.
         URI 스킴이 올바르면, 앱이 열립니다.
6. 원링크 템플릿 업데이트를 클릭합니다.

원링크 템플릿을 업데이트한 후에는 커스텀 어트리뷰션 링크( 이전 가이드 참조)를 사용하여 앱을 설치한 사용자를 리타겟팅하고 정확히 어트리뷰션할 수 있습니다. 사용자가 링크를 클릭하면, 사용자 디바이스에서 앱이 열립니다.  

기존 사용자를 대상으로 하는 캠페인을 꼭 리타겟팅 캠페인으로 표시하십시오. 그래야 커스텀 링크를 클릭한 사용자들이 수행한 리인게이지먼트 활동을 조회할 수 있습니다.

리타겟팅이 아닌 캠페인(UA) 링크를 클릭한 기존 사용자도 앱이 열리고 동일한 사용자 경험이 제공됩니다. 그러나, 기존 사용자가 온드 미디어(owned media)로 전달된 캠페인 링크를 클릭하여 수행한 리인게이지먼트 활동이 일반적인 세션으로 기록되어 온드 미디어(owned media) 캠페인의 성과를 정확히 측정할 수 없습니다.

커스텀 링크에서 리타겟팅 어트리뷰션 기능 설정하기

1. 앱스플라이어 대시보드로 가서 경험 및 딥링킹 < 원링크 메뉴를 클릭합니다.
2. 목록에서 이전 안내서에서 만든 사용자정의 링크를 선택합니다. 
3. 어트리뷰션에서 리타겟팅 캠페인을 켭니다.
4. [선택] 새로운 사용자를 앱 스토어 대신 랜딩 페이지로 보내고 싶다면 딥링킹 & 리디렉션 섹션으로 가거나다른 URL에서 다이렉트 사용자로 이동합니다.
   사용자정의 안드로이드 및 iOS URL로 새로운 사용자를 특정한 랜딩 페이지에 리다이렉트합니다. 일러두기 원링크 템플릿이 이미 사용자정의 URL 값으로 설정되어 있다면 해당 사용자정의 링크 URL을 덮어쓰기합니다. 
5. 링크 업데이트를 클릭합니다.

이 앱에 대해 리타게팅이 설정되지 않았다면, 먼저 앱 리타게팅을 설정해야 합니다. 더 알아보기

앱 수준에서 리타겟팅 설정하기

1. 앱스플라이어 대시보드에서 설정 > 앱 설정으로 이동합니다.
2. 어트리뷰션 섹션에서 리타게팅 캠페인 측정을 켭니다.
3. 설정 저장을 클릭합니다.

커스텀 링크를 소셜 미디어 앱에 사용하지 않으면 이 단계를 건너뛰고 바로 테스트로 넘어가시면 됩니다.  

소셜미디어 앱은 유니버설 링크 또는 안드로이드 앱을 사용하는 기존 사용자들의 자연스러운 앱 경험을 방해할 수 있습니다. 이는 다음 방법으로 해결할 수 있습니다.

• [권장] 소셜 미디어 앱 랜딩 페이지 만들기.
  소셜 미디어 앱 랜딩 페이지를 만들면 설정된 URI 스킴을 확인할 것이 좋습니다.
• [대안] af_force_deeplink=true 파라미터를 이용하여 앱을 강제 실행시킵니다.
  Note: 이 파라미터는 카카오톡, 네이버, 네이버 블로그, Chrome, Twitter 및 Weibo에 자동으로 활성화됩니다. 

소셜 앱 랜딩 페이지를 통해 소셜 미디어 앱 광고를 클릭한 사용자가 앱스플라이어 생성 랜딩 페이지로 리다이렉트됩니다. 사용자는 이 랜딩 페이지에서 딥링킹이 되거나 앱 설치를 계속할 수 있습니다.

앱스플라이어는 다양한 소셜 앱 랜딩 페이지 템플릿을 제공합니다. 템플릿 구성 요소 위치는 고정되어 있지만, 배경 이미지 또는 색상, 제목, 텍스트, 이미지, 버튼, 태그 등을 포함하여 구성 요소 자체는 맞춤 설정할 수 있습니다.

소셜 앱 랜딩 페이지는 다음 소셜미디어 앱에서 사용할 수 있습니다.

• 인스타그램
• Facebook/Facebook Messenger(일러두기: Facebook과 Facebook Messenger의 경우 URI 스킴과 소셜 앱 랜딩 페이지가 모두 설정되어 있으면 소셜 앱 랜딩 페이지가 표시되지 않습니다.)
• LinkedIn
• 핀터레스트 iOS
• 슬랙
• 스냅챗
• 트위터
• 위챗
• WhatsApp

사용자 경험

사용자가 랜딩 페이지에 있는 CTA 버튼을 클릭하면,

• 앱이 이미 설치된 경우: 앱이 실행됩니다.
• 앱이 설치되지 않은 경우: 사용자는 관련 앱 스토어로 이동합니다. 앱이 설치되면 디퍼드 딥링킹(원링크 4부에서 설명)이 가능합니다.

소셜 앱 랜딩 페이지 만들기: 

1. 다음 섹션의 설명에 따라 랜딩 페이지를 구성하십시오. 
2. 생성된 원링크 짧은 URL을 메모해둡니다.
   소셜 앱 랜딩페이지는 원링크의 긴 URL로 작동하지 않습니다.
3. 소셜 앱에 원링크 단축 URL을 게시하십시오.

어트리뷰션은 어트리뷰션 설정에 따라 정의됩니다.

소셜 앱 랜딩 페이지 설정하기

1. 커스텀 링크 설정 페이지에서 소셜 앱 랜딩 페이지 탭을 클릭합니다.
   
   

   

2. 랜딩 페이지 만들기를 클릭합니다.
   랜딩 페이지 템플릿을 고르는 팝업창이 나타납니다.
   
   

   

3. 랜딩 페이지 템플릿을 선택하려면, 선택한 템플릿 위로 마우스를 가져가고 Create를 클릭합니다.

   팁: 템플릿 🛈 아이콘에 마우스 커서를 올려놓으면 용례 설명이 나타납니다. 인스타그램에서는 Clustered Poster와 ShowAndTell을 추천합니다.

4. 랜딩 페이지 광고소재의 모든 요소를 맞춤 설정합니다. 그렇게 하려면, 이름으로 구성 요소를 선택하거나 미리보기 이미지에서 구성 요소를 클릭하십시오.  
   팁: 혹시 광고소재 템플릿을 변경할 수 있도록, 텍스트를 저장해두십시오.
5. 모든 템플릿 이미지를 앱 광고주 고유의 이미지로 바꿉니다.
   
   1. 확장명을 포함한 이미지 URL을 입력합니다. (예: https://example.com/image.png).
   2. 사용 가능한 파일 유형: jpeg, jpg, png. 
      일러두기: webp 형식은 지원되지 않습니다. 
   3. 이미지 권장 사항은 다음과 같습니다.
      
      

      템플릿 이미지 유형	이미지 파일 최대 크기	DPI	이미지 비율
      Collection	300 KB	72	16:9 (가로)
      Trapeze 롤링 배너 ShowAndTell	300 KB	72	1:1
      Flyer Poster Blurry poster Clustered poster	300 KB	72	9:16 (세로)

   4. 이미지가 하나라도 정확한 URL이 아니면 작성한 템플릿을 리뷰할 수 없습니다.
      
      

      

6. 랜딩 페이지 광고소재를 검토하려면 Review를 클릭합니다.
   변경이 필요한 경우, Back to editor를 클릭합니다.
   
   

   

7. 랜딩 페이지를 저장하려면 완료를 클릭합니다.
   중요: 신규/업데이트된 랜딩 페이지 광고 소재는 사용자정의 링크를 생성/업데이트한 후에만 적용됩니다.

선행 조건:

앱을 설치한 안드로이드 및/또는 iOS 디바이스 개발팀이 iOS 유니버설 링크, 안드로이드 앱 링크 및/혹은 URI 스킴 작업을 한 앱 소스와 앱 버전과 같은 앱이 설치되었는지 확인합니다.

링크 테스트하기

1. 앱스플라이어 대시보드로 가서 경험 및 딥링킹 < 원링크 메뉴를 클릭합니다.
2. 원링크 템플릿을 선택하고 클릭합니다.
3. 커스텀 링크 목록에서 테스트할 커스텀 링크를 선택합니다.
4. 테스트하고자 하는 링크의 액션 아이콘을 클릭하고 URL얻기를 클릭합니다. 
5. 핸드폰으로 숏링크 URL이나 롱링크 URL을 보냅니다. QR 코드를 확인합니다.
   • 핸드폰 카메라나 QR 스캐너 앱으로 QR 코드를 스캔합니다.
   • 링크를 이메일이나 WhatsApp으로 보내서 핸드폰으로 확인하십시오.
     주의: 링크를 iOS 메모 앱에 붙여넣거나 모바일 브라우저에 바로 붙여넣지 마십시오. 모바일 OS가 의도적으로 앱을 열지 않을 수 있습니다.
6. 모바일 디바이스에서 링크를 클릭합니다.
   앱이 실행되고 홈 화면에서 열립니다.
7. 앱스플라이어 리타겟팅대시보드로 갑니다.
    생성한 커스텀 링크의 미디어 소스(예: test)와 새로운 클릭과 인스톨 업데이트를 확인합니다.

링크가 예상대로 작동하지 않습니까? 문제 해결 가이드에서 해결 방법을 확인하세요.