스마트 배너—모바일 웹-투-앱(마케터용)

처음으로 스마트 배너를 표시할 모바일 사이트 준비하기

1. 앱스플라이어 대시보드에서 경험 및 딥링킹(Experiences & Deep Linking) > 웹-투-앱(Web-to-app) > 스마트 배너(Smart Banners) > 스마트 배너(Smart Banners)로 이동합니다.
2. 시작하기를 클릭합니다. 설정 마법사가 필요한 단계(다음)를 안내합니다. 추가 웹 사이트 작업 공간을 설정하려면 아래를 참조하십시오.
3. 웹사이트 작업 공간 이름을 입력합니다.
4. 만들기를 클릭합니다. 웹 사이트 작업 공간이 열립니다. 
5. 배너 코드 스니펫을 복사합니다. 
6. 이 코드 스니펫을 귀사의 웹사이트에 구현합니다. 이 작업은 웹사이트당 한 번만 수행됩니다.
   • Google 태그 관리자, Adobe 태그 관리자, Shopify, Wix, Squarespace 또는 WordPress를 통해 웹 사이트에 코드를 추가하려면 마케터를 위한 스마트 배너 웹 사이트 코드 구현을 참조하십시오.
   • 다른 플랫폼을 통해 코드를 추가하거나 필요에 따라 코드를 변경하려면(파라미터 추가, 딥 링크, 배너 숨기기 또는 PBA와 스마트 배너 통합 포함) 개발자를 위한 스마트 배너 웹 사이트 코드 구현을 참조하세요.
7. [선택 사항] 웹 키를 복사합니다. (이 키는 코드 조각의 일부로 이미 존재합니다.)
8. 계속을 클릭합니다.

처음으로 웹사이트 작업 공간을 만드는 방법영역을 만들려면

1. 앱스플라이어 대시보드에서 경험 및 딥링킹(Experiences & Deep Linking) > 웹-투-앱(Web-to-app) > 스마트 배너 > 스튜디오(Smart Banners Studio)로 이동합니다.
2. 옵션 메뉴를 클릭합니다. 
3. 새 웹사이트 작업 공간을 선택합니다.
4. 웹사이트 작업 공간 이름을 입력합니다.
5. 만들기를 클릭합니다. 웹 사이트 작업 공간이 열립니다. 
6. 배너 코드 스니펫을 복사합니다. 
7. 이 코드 스니펫을 귀사의 웹사이트에 구현합니다. 이 작업은 웹사이트당 한 번만 수행됩니다.
   • Google 태그 관리자, Adobe 태그 관리자, Shopify, Wix, Squarespace 또는 WordPress를 통해 웹 사이트에 코드를 추가하려면 마케터를 위한 스마트 배너 웹 사이트 코드 구현을 참조하십시오.
   • 다른 플랫폼을 통해 코드를 추가하거나 필요에 따라 코드를 변경하려면(파라미터 추가, 딥 링크, 배너 숨기기 또는 PBA와 스마트 배너 통합 포함) 개발자를 위한 스마트 배너 웹 사이트 코드 구현을 참조하세요.
8. [선택 사항] 웹 키를 복사합니다. (이 키는 코드 조각의 일부로 이미 존재합니다.)
9. 계속을 클릭합니다.

배너 그룹에는 하나 이상의 배너가 들어 있습니다. 배너 그룹에서 다음을 수행할 수 있습니다.

• 배너 그룹에 사용할 원링크 템플릿을 선택할 수 있습니다. 이 원링크 템플릿은 웹사이트 방문자를 이동시킬 모바일 앱이 설정되어 있습니다.
• 특정 딥링킹 스킴을 설정할 수 있습니다.
• 배너 그룹의 모든 배너에서 사용할 타게팅 로직, 스케쥴, 동작, 어트리뷰션 세부 정보를 정의할 수 있습니다.
• 사용자가 방문 시, 배너 그룹의 배너를 활성화하는 페이지를 설정할 수 있습니다.

배너 그룹을 설정하거나 복제하는 방법:

1. 앱스플라이어 대시보드에서 경험 및 딥링킹 > 웹-투-앱 > 스마트 배너로 이동합니다.
2. 처음으로 배너 그룹을 설정하는 방법
   1. 왼쪽에 배너 그룹 추가를 클릭합니다.
   2. 5단계 이상을 수행합니다.
3. 추가 배너 그룹를 설정하는 방법
   1. 스튜디오 탭으로 이동합니다.
   2. + 새로 만들기를 클릭합니다.
   3. 5단계 이상을 수행합니다.
4. 배너 그룹을 복제하는 방법려면
   1. 삭제 아이콘 옆에 있는  복제 아이콘을 클릭합니다.
5. 고유한 배너 그룹 이름을 입력합니다.
   배너 그룹 이름은 배너 간 공동 주제를 반영하고 배너 그룹을 대표할 수 있어야 합니다. (예: 광고를 집행한 앱 이름)
6. 배너 그룹에 사용할 원링크 템플릿을 선택합니다.
7. [선택사항] 배너 그룹에 대한 URI 구성표를 유니버설 링크와 안드로이드 앱 링크 사용자에 대한 폴백으로 설정할 수 있습니다. 기본적으로 이 값은 원링크 템플릿에서 가져오기 때문에 이 설정이 필요한 경우는 드뭅니다. 템플릿에 있는 값과 다른 값이 필요할 경우에만 이 설정을 배너 그룹에 설정하십시오.
8. 기본 및 대체 어트리뷰션 소스를 이 배너 그룹에서 오는 새 설치로 어트리뷰션하도록 설정합니다. 다음 표에서 커스텀 링크에 가장 적합한 옵션을 선택하십시오.

   옵션	사용하기 적합한 경우	댓글
   UTM 파라미터 사용	논오가닉 방문자 대부분이 UTM 파라미터로 확인할 수 있는 소스로부터 모바일 웹사이트에 유입된 경우	◦ 미디어소스 이름(pid) = UTM_Source ◦ 캠페인(c) = UTM_campaign ◦ UTM_source 또는 UTM_campaign이 누락된 경우 정적 이름이 대체 이름으로 사용됩니다.
   유입되는 어트리뷰션 링크 파라미터 사용	대부분의 논오가닉 방문자가 앱스플라이어 어트리뷰션 링크를 사용하는 클릭 광고 네트워크에서 모바일 웹사이트로 이동하는 시점을 선택합니다.	◦ 수신 앱스플라이어 어트리뷰션 링크에서 사용 가능한 모든 파라미터가 스마트 배너 링크에 추가됩니다.  ◦ 수신 앱스플라이어 어트리뷰션 링크와 스마트 배너 모두에 파라미터가 있는 경우, 수신 파라미터가 최종 커스텀 링크에서 우선합니다.
   다른 어트리뷰션 분석 파라미터 추가	원하는 경우 웹사이트 관련 어트리뷰션 데이터를 추가합니다. 이렇게 하면, 각 인스톨을 더욱 상세히 분석할 수 있습니다.	예를 들어 전자 상거래 사이트의 경우 모든 제품 범주 유형에 대해 af_adset 값(예: "af_adset=fruit")에 따라 다른 동일한 커스텀 링크를 만듭니다.
   기본 어트리뷰션 파라미터 사용	◦ 선택 시기: ▪ 대부분의 모바일 웹 사이트 방문자는 오가닉입니다.   ▪ 논오가닉 방문자가 광고 네트워크 클릭이나 UTM 파라미터 소스를 통해서 웹사이트에 도달하지 않습니다. 유저는 파라미터 값을 커스터마이즈할 수 있습니다.	중요: 모범 사례는 미디어소스, 캠페인 또는 채널 이름을 사용할 수 없는 경우 기본 스마트 배너 어트리뷰션이 커스텀 링크에서 대체로 사용되므로 UTM 또는 수신한 어트리뷰션 링크 파라미터를 선택하는 것입니다.

9. [추천] 기본 어트리뷰션 파라미터 Channel name(채널 이름)을 설정하여 스마트 배너에서 발생하는 모든 인스톨을 지정된 채널에 어트리뷰션합니다. 이렇게 하여 다양한 미디어소스 정보를 동일한 채널명 하에 집약하여 코호트 리포트, 개요 대시보드, 리텐션 리포트 등에서 나타낼 수 있습니다. 
10. [선택 사항] 배너 그룹을 사용하여 배너를 클릭한 사용자가 수행한 리인게이지먼트를 기록하려는 경우 리타게팅을 켭니다.리타게팅에 대한 자세한 내용은 리타게팅 어트리뷰션 가이드를 참조하세요.

    중요 정보

    리타게팅이 작동하려면 다음 작업도 수행해야 합니다.

    • 앱에 대한 리타게팅 사용 

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

11. [선택 사항] 리타게팅을 위해 활성 유저 무시를 켜고 비활성 창을 선택합니다. 이렇게 하면 스마트 배너 그룹 링크에 af_inactivity_window=[일수] 파라미터가 추가되고 해당 기간 동안 활성화된 모든 유저는 리타게팅에서 무시됩니다.
12. 유저의 인앱이벤트가 리타게팅 미디어소스로 인해 리인게이지먼트에 따라 발생하는 기간을 결정하도록 리인게이지먼트 창을 설정합니다.
    • 그 값은 일(1~90일), 시간(최대 23시간) 또는 평생으로 설정할 수 있습니다.
    • 리인게이지먼트 기간은 af_reengagement_window 파라미터의 링크에 추가됩니다.
13. [선택 사항] 그룹의 한 배너에 대한 사용자 거절을 이후 해당 사용자에게 다시 동일한 배너가 보여질 때까지 허용되는 최소 시간인 그만 보기를 설정하십시오.다음 중 하나를 선택하십시오.
    • 시간별: 1시간, 1일 또는 1주
    • 다음 세션: 사용자가 배너를 닫은 후 다른 탭 또는 창에서 발생하는 세션을 의미합니다.
    • 안 함: 배너를 다시 보이지 않습니다. 참고:
      • 브라우저 캐시를 지우거나 비공개 브라우징 모드에서 사이트를 방문할 경우, 그만 보기 설정이 적용되지 않습니다.
      • 해제 동작은 유저가 해제하는 배너에 적용됩니다. 배너 그룹의 다른 배너는 계속 표시할 수 있습니다.
14. [선택 사항] 최대 게재빈도를 설정합니다. 
    최대 게재빈도는 배너 그룹의 각 배너가 고유 사용자에게 표시되는 횟수를 결정합니다. 제한 없음 (배너가 항상 표시되는 경우) 또는 배너 표시 제한을 선택할 수 있습니다.
    

    예를 들어 배너 그룹이 3개의 배너로 구성되고 최대 게재 빈도가 1로 설정된 경우 그룹의 각 배너는 유저당 한 번씩 표시됩니다. 이 시나리오에서 세 번의 방문 후 유저는 그룹 내의 세 개의 배너를 모두 볼 수 있습니다. 그러나 네 번째 방문부터는 유저가 더 이상 그룹의 배너를 접하지 않습니다. 최대 게재 빈도가 2로 설정되면 그룹의 각 배너가 유저당 두 번 표시되므로 그룹의 최대 게재 빈도 제한에 도달하려면 총 6회 방문해야 합니다.

15. [선택사항] 배너를 표시할 운영 체제를 설정합니다.
    • 모든 모바일 운영 체제.
    • 안드로이드 아니면 iOS.
16. [선택 사항] 배너 그룹 가동을 예약합니다. 즉시 시작(기본 설정)하며 시간 제한 캠페인을 설정할 수 있습니다.
17. [선택 사항] 배너 그룹을 활성화할 위치를 설정합니다.
    1. 이 배너 그룹을 모든 유저에게 표시하려면 전 세계를 선택합니다. 필요한 경우 특정 지역이나 국가에서 유입되는 방문자를 제외하도록 설정할 수 있습니다. 
    2. 특정 위치 선택 옵션을 선택하면 이 배너 그룹이 특정 지역의 사용자에게만 노출됩니다.
18. [선택 사항] Show on pages(페이지에 표시)를 설정하여 배너 그룹을 방문자에게 표시할 수 있는 페이지를 의미합니다.
    • [기본 설정] 웹사이트의 모든 페이지에 표시를 참조하십시오.
      일러두기: 폴백으로 모든 페이지에 대해 하나 이상의 배너 그룹을 정의하는 것을 권장합니다.
    • 특정 페이지에 표시: 배너를 표시하기 위해 페이지 또는 URL에 포함해야 하는 내용과 포함하지 말아야 할 내용을 지정합니다.
      • 다음 중 하나를 선택할 수 있습니다.
        • 특정 페이지: 배너를 표시할 페이지의 호스트 및/또는 경로를 지정합니다. 입력한 모든 쿼리는 무시됩니다. 예: http://www.example.com/path?query
        • URL 경로 및 쿼리: 배너 표시 여부를 결정하는 경로 및/또는 쿼리를 입력합니다. 예: path?query. 참고: http://www.example.com/path?query와 같은 전체 URL을 입력하지 마세요. 경로 및/또는 쿼리만 입력하십시오.
      • "및/또는"을 사용하여 조건을 15개까지 추가할 수 있습니다.
      • 조건 간에 충돌이 있는 경우 배너가 표시되지 않습니다.
19. 배너 그룹 생성을 클릭합니다.
20. [선택 사항] 배너 그룹을 다시 수정하려면 타게팅 및 동작 위에 커서를 가져가 편집을 클릭합니다.

타게팅 및 동작

타겟팅 및 행동 패널에는 배너 그룹에 대해 구성한 설정이 표시됩니다. 이 설정을 편집하려면 편집 아이콘을 클릭하세요.

배너 그룹에서 배너를 작성하는 방법:

1. 새 배너를 클릭하고 배너 편집 페이지로 들어갑니다.
2. 배너의 이름을 설정합니다.
3. 광고 소재 디자인을 생성합니다.
   1. 디자인 크리에이티브를 클릭하여 배너의 크리에이티브 를 설정합니다.

      배너 템플릿을 선택할 수 있는 창이 열립니다.

      
   2. 광고 소재 템플릿 위에 마우스를 가져가 생성을 클릭하여 광고 소재 구축 설정 페이지로 들어갑니다.
   3. 스마트 배너 크리에이티브의 모든 요소를 맞춤설정하세요. 그렇게 하려면, 이름으로 구성 요소를 선택하거나 미리보기 이미지에서 구성 요소를 클릭합니다. 
      참고: 모든 템플릿에서 모든 요소를 사용할 수 있는 것은 아닙니다. 
      • 제목
      • 설명
      • 별점 등급
      • 종료 버튼
      • Call To Action
      • 앱 로고
      • 배경
      • 배너 위치
      • 배너 패딩(배너 크기 조정)
      • 장치 투명성
      • 이미지의 경우 jpeg, jpg, png 파일 형식 중 하나를 사용합니다. 
        일러두기: webp 형식은 지원되지 않습니다.  이미지 권장 사항은 다음과 같습니다.
        

        템플릿 유형	이미지 파일 최대 크기	이미지 비율	이미지 높이	이미지 너비
        최소	300 KB	3:1(너비 x 높이)	70픽셀	장치에 맞게 조정됨
        Standard	300 KB	3:1(너비 x 높이)	70픽셀	장치에 맞게 조정됨
        Enhanced	300 KB	9:4(너비 x 높이)	110픽셀	장치에 맞게 조정됨
        객관식	300 KB	9:4(너비 x 높이)	110픽셀	장치에 맞게 조정됨
        Promotional	300 KB	4:5 (너비 x 높이)	300픽셀	장치에 맞게 조정됨
        객관식	300 KB	9:4(너비 x 높이)	110픽셀	장치에 맞게 조정됨
        Interstitial	700KB	9:16(너비 x 높이)	장치에 맞게 조정됨	장치에 맞게 조정됨

   4. 검토를 클릭하여 배너 광고 소재의 모양을 검토하고 다른 기기에서 해당 모양을 테스트합니다.
      일러두기: 배너는 미리보기 이미지와 비교할 때 활성 캠페인에서 약간 다를 수 있습니다.
   5. 변경이 필요한 경우, Back to editor를 클릭합니다.
   6. 완료를 클릭하여 배너 설정 페이지로 돌아갑니다.
4. [선택 사항] 커스텀 어트리뷰션 파라미터를 추가합니다. 예를 들어, ad_adset 및 af_ad.
   참고: 파라미터 pid, c 및 channel은 배너 그룹 수준에 속하므로 배너 수준에서 추가할 수 없습니다.
5. 새 광고소재를 설정하고 저장하면, 배너 상태가 활성화됩니다. 상태 토글을 사용하여 활성 및 일시 정지 상태를 전환합니다. 
6. 모두 저장을 클릭하여 작업을 저장하거나 모두 저장하고 닫기를 클릭하여 작업을 저장하고 배너 설정 페이지를 닫습니다.

광고 소재가 준비되면 실제 운영 서버에 게시하여 사용자들이 사용하도록 하기 전에 테스트를 합니다.

스마트 배너 광고소재 테스트 방법: 

전제 조건: 스마트 배너 코드 스니펫이 웹사이트에 들어가 있는지 확인하십시오.  

1. 광고 소재 테스트 페이지에서, 스마트 배너 SDK가 연동될 웹페이지에 대한 링크를 입력합니다(개발자용 스마트 배너 참조).
2. 생성을 클릭합니다.
3. 생성된 링크를 복사하여 테스트 기기에 보내거나 테스트 기기로 QR 코드를 스캔합니다. 이 링크나 QR은 광고 소재로 만든 배너가 게시되는 웹페이지로 이동합니다.
4. 광고 소재 편집을 클릭하여 광고 소재 설정 화면으로 돌아가거나 완료를 클릭하여 광고소재를 저장합니다.

성과 페이지에서는 지난 90일까지 모든 스마트 배너의 성과 데이터를 보고 비교할 수 있습니다.

성과 페이지를 보는 방법:

1. 앱스플라이어 대시보드에서 경험 및 딥링킹(Experiences & Deep Linking) > 웹-투-앱(Web-to-app) > 스마트 배너 > 퍼포먼스(Smart Banners Performance)로 이동합니다.
2. 성과를 보려는 날짜 범위를 선택합니다. 기본 날짜 범위는 지난 7일입니다.
3. [선택 사항] 현재 활성 배너만 표시를 켭니다. 사용 설정하면 일시 중지되었거나 현재 활성 상태가 아닌 배너의 데이터가 선택한 날짜 범위 중에 활성 상태인 경우에도 표시되지 않습니다. 선택한 날짜 범위에 대한 성과 데이터가 표시됩니다.

주어진 배너에 대해 지난 7일 동안의 성과 데이터를 볼 수 있습니다.

배너 성과를 보려면:

1. 앱스플라이어 대시보드에서 경험 및 딥링킹(Experiences & Deep Linking) > 웹-투-앱(Web-to-app) > 스마트 배너 > 스튜디오(Smart Banners Studio)로 이동합니다.
2. 성과를 보려는 웹사이트 작업 공간 및 배너 그룹을 선택하십시오.
3. 배너 그룹의 배너 위로 마우스를 가져갑니다. 지난주의 성과 데이터가 표시됩니다.

앱스플라이어는 스마트 배너를 표시해야 할 지 또는 어느 스마트 배너를 표시할지 결정할 때 다음을 고려해야 합니다.

• 배너 그룹에 설정된 규칙(그만 보기, 노출 횟수 제한, 위치, 페이지 표시 등)이 있습니까?
• 최종 사용자가 규칙 조건을 충족하고 배너를 볼 자격이 있습니까?

두 질문에 대한 답변이 모두 "예"이면, 규칙이 있음을 의미하고 사용자가 배너를 볼 자격이 있으며, 앱스플라이어는 다음 표에 설명된 대로 표시할 배너를 선택합니다.

실적 대시보드에서 배너의 실적을 비교하여 A/B 테스트를 수행할 수 있습니다. 추가 어트리뷰션 분석 관련 데이터의 경우, af_ad 또는 다른 어트리뷰션 분석 파라미터(pid, c 및 channel 제외)를 af_adset 각 배너 광고소재 또는 배너 그룹에 고유한 값으로 추가하는 것이 좋습니다. 이러한 파라미터를 사용하여 앱스플라이어 대시보드 및 리포트에서 데이터를 볼 때 각 배너 그룹의 성과를 비교할 수 있습니다.

이는 배너 그룹에 설정된 최대 빈도 제한 때문입니다.
최대 빈도 제한은 한 유저에게 배너를 노출시키는 최대 횟수를 정의합니다. 예를 들어, 최대 빈도 제한이 3으로 설정되면, 유저가 해당 사이트를 네 번 방문했을 때, 세 번째 방문까지만 배너를 볼 수 있고 네 번째 방문 시에는 볼 수 없습니다. 최대 빈도 제한 옵션에는 무제한도 있습니다. 최대 빈도 제한 옵션에서 무제한이나 제한을 선택합니다.  

예. 개발자 허브의 안내에 따라 웹 사이트에서 배너에 사용되는 글꼴을 직접 설정할 수 있습니다.

• 웹사이트 개발자가 구현해야 합니다.
• 웹 사이트의 모든 배너와 배너 내부의 모든 텍스트 요소에 이 글꼴이 적용됩니다.
• 글꼴은 광고소재 편집기에서 볼 수 없습니다.
• 구현한 후 크리에이티브 배너를 테스트합니다.
• 글꼴이 제대로 표시되지 않으면 광고 소재 편집기에서 배너를 다시 저장하세요.

showBanner

updateParams

예. 이렇게 하려면 다음 방법 중 하나로 deep_link_value 매개 변수를 추가합니다.

• 앱스플라이어 UI에서 배너 설정 중에 정적 사용자 지정 어트리뷰션 파라미터를 추가합니다.
• 배너를 표시하기 전에 showBanner 함수에서 additionalParams를 사용하여 URL에 매개 변수를 추가합니다.
• updateParams 함수를 사용하여 배너가 표시된 후 URL에 매개 변수를 추가합니다.

개발자가 deep_link_value의 원하는 동작을 구현하는지 확인하십시오.

아닙니다. 사용자가 앱을 가지고 있는 지 아닌 지 모를 경우엔 두 상황 모두에 적용 가능한 액션 요청 하시기를 권장합니다. 예: "앱으로 이동" 또는 "앱 열기."

네. 원래 들어오는 URL에 utm_source 또는 pid 파라미터가 포함된 경우 검색 세션 동안 원래 URL이 저장되고 파라미터가 나가는 배너 URL에 적용됩니다.

예. 이렇게 하려면 래퍼/하이브리드 앱에서 스마트 배너를 구현하고 (웹 브라우저가 아닌) 앱에서 배너 페이지를 로드할 때 앱에 배너가 표시되므로 showBanner 기능을 사용하지 마십시오. 또는 hideBanner 함수를 사용합니다.

장애가 있는 사용자를 포함한 모든 사용자가 스마트 배너에 완전히 액세스하고 참여할 수 있도록 최선을 다하고 있습니다.

따라서 스마트 배너 웹 접근성과 호환되도록 노력하고 스마트 배너 요소에 관련 HTML 속성을 제공하여 WCAG 2.1 표준 모범 사례를 따르려고 합니다.

그러나 이러한 스마트 배너의 의도한 용도에 대한 관련 접근성 요구 사항을 결정하는 것은 전적으로 사용자의 책임입니다. 사용하는 스마트 배너가 관련 웹 접근성 요구 사항에 따라 모든 사용자가 계속 액세스할 수 있도록 할 책임은 전적으로 사용자에게 있습니다.

스마트 배너에 대한 다양한 변경 사항은 관련 접근성 요구 사항과의 호환성에 영향을 미칠 수 있습니다(예: 내부 배너 요소의 색상 및 크기 편집).