iOS 사파리 앱 배너 어트리뷰션

요약: iOS가 사파리 브라우저로 지원하는 앱 배너 기능은  애플 앱스토어에서 앱을 홍보하는 표준 방식입니다. 이것은 앱스플라이어의 스마트 배너 솔루션과 관련이 없습니다.

 참고

앱스플라이어 스마트 배너를 사용하여 웹사이트 방문자를 앱 사용자로 전환하는 것이 좋습니다.

앱스플라이어 스마트 배너:

  • 모든 브라우저 지원
  • 커스터마이즈 가능
  • 모든 안드로이드 및 iOS 기기에서 작동

iOS 앱 배너

iOS 6.0 이상에서 사파리로 앱 배너를 구현하여 앱스토어에서 앱을 홍보할 수 있습니다.

iOS 사파리 스마트 앱 배너 예시

AppleBanner_en-us.jpg

iOS 앱 배너를 구현하기 전에 다음을 고려하십시오.

  • iOS 앱 배너와 앱스플라이어 스마트 배너를 동시에 구현하지 마십시오. 동시에 구현하면 모바일 웹 사이트에 디스플레이 문제가 발생할 수 있습니다.
  • 배너 솔루션은 iOS에 최적화되어 있고, OS X에서 작동하지 않습니다. 
  • 앱 배너는 사파리에서만 작동합니다.

 

웹페이지에 앱 배너와 클릭 어트리뷰션 링크 설정하기

  1. 웹페이지 HTML 헤더 부분에 다음을 삽입합니다.
    <meta name="apple-itunes-app" content="app-id=123456789">
  2. 앱 배너로 프로모션할 모바일 앱 어트리뷰션 링크를 생성합니다. 다음은 앱 배너로 소개될 모바일 앱의 어트리뷰션 링크 예시입니다. 단축된 어트리뷰션 커스텀 링크를 사용하실 수도 있습니다. 
    https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign
  3. 생성된 어트리뷰션 링크를 이미지 픽셀 안에 삽입하십시오. 측정 URL이 삽입된 이미지 픽셀이 아래와 같이 형식이 지정됩니다.
    <img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />

    이미지 픽셀을 포함한 최종 HTML 페이지가 아래 HTML 예시와 같이 나타납니다.

    <html>
      <head>
        <meta name="apple-itunes-app" content="app-id=123456789">
    
      </head>
      <body>
        <p>This is my website</p>
        <img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />
      </body>
    </html>

참고! 이 코드는 iOS 및 안드로이드 디바이스 모두에서 클릭을 로드하고 실행합니다. 안드로이드 디바이스에서 코드를 사용 안 함으로 설정하려면 코드에 필수 로직을 추가하십시오.