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

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

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

웹사이트 워크플레이스를 처음 만든 후 생성하려면 다음과 같이 하세요.

1. 앱스플라이어의 사이드 메뉴에서 인게이지먼트 > 웹투앱 > 스마트 배너 > 스튜디오를 선택합니다.
2. 옵션 메뉴를 클릭합니다.  
3. 새 웹사이트 작업 공간을 선택합니다.
4. 웹사이트 작업 공간 이름을 입력합니다.
5. 생성을 클릭합니다. 웹 사이트 작업 공간이 열립니다.  
6. 배너 코드 스니펫을 복사합니다.  
7. 웹사이트에 코드 스니펫을 구현하세요. 이 작업은 웹사이트당 한 번만 수행할 수 있습니다.
   • Google 태그 관리자, Adobe 태그 관리자, Shopify, Wix, Squarespace 또는 WordPress를 통해 웹 사이트에 코드를 추가하려면 마케터를 위한 스마트 배너 웹 사이트 코드 구현을 참조하세요.
   • 다른 플랫폼을 통해 코드를 추가하거나 필요에 따라 코드를 변경하려면(매개변수 추가, 딥 링크, 배너 숨기기 또는 PBA와 스마트 배너 통합 포함) 개발자를 위한 스마트 배너 웹 사이트 코드 구현을 참조하세요.
8. [선택 사항] 웹 키를 복사합니다. (이 키는 코드 조각의 일부로 이미 존재합니다.)
9. 계속을 클릭합니다.

배너 그룹에는 하나 이상의 배너가 포함됩니다. 여기서는 다음을 수행할 수 있습니다.

• 웹사이트 방문자를 리디렉션할 모바일 앱이 포함된 배너 그룹에서 사용하는 OneLink 템플릿을 선택합니다.
• 특정 딥링킹 스킴을 설정합니다.
• 배너 그룹의 모든 배너에 사용되는 타겟팅 규칙, 일정, 동작 및 어트리뷰션 세부 정보를 정의합니다.
• 방문 시 배너 그룹의 배너를 활성화할 페이지를 설정합니다.

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

1. 앱스플라이어의 사이드 메뉴에서 인게이지먼트 > 웹투앱 > 스마트 배너를 선택합니다.
2. 처음으로 배너 그룹을 설정하는 방법
   1. 왼쪽에서 배너 그룹 추가를 클릭합니다.
   2. 5단계 이후의 절차를 따르세요.
3. 추가 배너 그룹를 설정하는 방법
   1. 스튜디오 탭으로 이동합니다.
   2. + 새로 만들기를 클릭합니다.
   3. 5단계 이후의 절차를 따르세요.
4. 배너 그룹을 복제하려면
   1. 삭제 아이콘 옆에 있는 복제 아이콘을 클릭합니다.
5. 고유한 배너 그룹 이름을 입력합니다. 배너 그룹 이름은 그룹에 대해 정의할 배너 간의 일반적인 공통 주제(예: 광고하는 앱)를 반영해야 합니다.
6. 배너 그룹에 사용할 원링크 템플릿을 선택합니다.
7. [선택 사항] 유니버설 링크 및 안드로이드 앱 링크 사용자를 위한 대체 수단으로 배너 그룹에 대한 URI 스킴을 설정합니다. 기본적으로 원링크 템플릿에서 값을 가져오기 때문에 이 값은 거의 필요하지 않습니다. 템플릿에 있는 값과 다른 값이 필요한 경우에만 배너 그룹에 대해 이 값을 설정합니다.
8. 이 배너 그룹을 통해 유입되는 신규 인스톨에 대해 기여할 기본 및 폴백(대체) 어트리뷰션 소스(Attributed source)를 설정하십시오. 
   
   클릭 ID 전달에 관한 참고사항: FBCLID, GCLID, WBRAID, 및 GBRAID는 입력 URL에 포함되어 있는 경우, 자동으로 출력 URL로 전달됩니다. Google 클릭 ID의 경우, “keyword” 파라미터도 함께 발견되면, 해당 키워드 값을 af_keywords의 값으로 출력 URL에 포함시킵니다.
   

   다음 표를 사용하여 커스텀 링크에 가장 적합한 옵션을 선택하세요.

   옵션	선택 시기	코멘트
   UTM 파라미터 사용	대부분의 비오가닉 방문자가 UTM 파라미터가 있는 소스에서 모바일 웹사이트로 유입되는 시점을 선택합니다.	◦ 미디어 소스 이름 (pid) = UTM_Source  ◦ 캠페인 (c) = UTM_campaign ◦ UTM_source 또는 UTM_campaign이 누락된 경우 정적 이름이 대신 사용됩니다.
   유입되는 어트리뷰션 링크 파라미터 사용	대부분의 논오가닉 방문자가 앱스플라이어 어트리뷰션 링크를 사용하는 클릭 광고 네트워크에서 모바일 웹사이트로 이동하는 시점을 선택합니다.	◦ 유입되는 앱스플라이어 어트리뷰션 링크에서 사용 가능한 모든 파라미터가 스마트 배너 링크에 추가됩니다.  ◦ 유입되는 앱스플라이어 어트리뷰션 링크와 스마트 배너 모두에 파라미터가 존재하는 경우, 유입되는 파라미터가 최종 커스텀 링크에서 우선합니다.
   다른 어트리뷰션 파라미터 추가	원하는 경우 웹사이트 관련 어트리뷰션 데이터를 추가할 수 있습니다. 이를 통해 모든 설치에 대한 세분화된 분석이 가능합니다.	예를 들어, 이커머스 사이트의 경우 모든 제품 카테고리 유형에 대해 af_adset 값(예: "af_adset=fruit")에 따라 다른 동일한 사용자 지정 링크를 생성합니다.
   기본 어트리뷰션 파라미터 사용	◦ 선택 시기: ▪ 대부분의 모바일 웹사이트 방문자는 오가닉 방문자입니다. ▪ 논오가닉 방문자는 클릭 광고 네트워크나 UTM 파라미터가 있는 소스를 통해 웹사이트로 유입되지 않습니다. ◦유저는 파라미터 값을 사용자 지정할 수 있습니다.	중요: 미디어 소스, 캠페인 또는 채널 이름을 사용할 수 없는 경우 기본 스마트 배너 어트리뷰션 파라미터가 사용자 지정 링크에 대체로 사용되므로, UTM 또는 인커밍 어트리뷰션 링크 파라미터를 선택하는 것이 가장 좋습니다.

9. [권장] 기본 어트리뷰션 파라미터 채널 이름을 설정하여 스마트 배너에서 발생하는 모든 설치를 지정된 채널로 어트리뷰션합니다. 이를 통해 코호트 보고서 , 개요 대시보드 , 리텐션 보고서 등에서 동일한 채널에 속한 여러 미디어 소스의 정보를 집계할 수 있습니다.
   
   
10. [선택 사항] 배너 그룹을 사용하여 사용자가 배너를 클릭하여 수행한 리인게이지먼트를 기록하려면 리타겟팅을 설정합니다. 리타게팅에 대한 자세한 내용은 리타게팅 어트리뷰션 가이드를 참조하세요.

    중요

    리타겟팅이 작동하려면 다음 사항도 충족해야 합니다.

    • 앱에 리타게팅 사용 

    원링크 기반 비리타겟팅 배너 링크(UA)를 클릭하는 기존 사용자도 앱을 실행하고 동일한 사용자 경험을 갖게 됩니다. 하지만 재참여는 일반 세션으로 기록되기 때문에 소유 미디어 캠페인의 성공 여부를 측정하는 것은 불가능합니다.

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. [선택 사항] 페이지에 표시, 즉 배너 그룹을 방문자에게 표시할 수 있는 페이지를 설정합니다.
    • [기본 설정] 웹사이트의 모든 페이지에 표시합니다.  참고: 모든 페이지에 대한 폴백(fallback)으로 최소 하나 이상의 배너 그룹을 정의하는 것을 권장합니다.
    • 특정 페이지에 표시: 배너를 표시하기 위해 페이지 또는 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. 스마트 배너 광고 소재의 모든 요소를 사용자 지정하는데, 이름으로 요소를 선택하거나 미리보기 이미지에서 클릭하면 됩니다. 참고: 모든 템플릿에서 모든 요소를 사용할 수 있는 것은 아닙니다.
      • 제목
      • 설명
      • 평가
      • 종료 버튼
      • 행동 요청
      • 앱 로고
      • 배경
      • 배너 위치
      • 배너 패딩 (배너 크기 조정)
      • 장치 투명성
      • 이미지의 경우 jpeg, jpg, png 파일 형식 중 하나를 사용합니다.  참고: webp 형식은 지원되지 않습니다.   이미지 권장 사항은 다음과 같습니다.

        템플릿 유형	이미지 파일 최대 크기	이미지 비율	이미지 높이	이미지 너비
        최소	300 KB	3:1 (너비 x 높이)	70 픽셀	기기에 맞게 조정
        표준	300 KB	3:1 (너비 x 높이)	70 픽셀	기기에 맞게 조정
        향상	300 KB	9:4 (너비 x 높이)	110 픽셀	기기에 맞게 조정
        다중 선택	300 KB	9:4 (너비 x 높이)	110 픽셀	기기에 맞게 조정
        프로모션	300 KB	4:5 (너비 x 높이)	300 픽셀	기기에 맞게 조정
        다중 선택 오버레이	300 KB	9:4 (너비 x 높이)	110 픽셀	기기에 맞게 조정
        전면 광고	700 KB	9:16 (너비 x 높이)	기기에 맞게 조정	기기에 맞게 조정

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

크리에이티브가 준비되면 라이브로 설정하고 사용자를 위해 활성화하기 전에 테스트해 볼 차례입니다.

스마트 배너 크리에이티브 테스트 방법: 

전제 조건: 스마트 배너 코드 스니펫이 웹사이트에 통합되어 있는지 확인하세요.

1. 크리에이티브 테스트 페이지에서 스마트 배너 SDK가 통합된 웹 페이지의 링크를 입력합니다 (개발자용 스마트 배너 참조).
2. 생성을 클릭합니다.
3. 생성된 링크를 복사하여 테스트 기기로 보내거나 테스트 기기로 QR 코드를 스캔합니다. 링크 또는 QR은 웹 페이지로 리디렉션되어 크리에이티브가 포함된 배너를 표시해야 합니다.
4. 크리에이티브 편집을 클릭하여 크리에이티브 구성으로 돌아가거나 완료를 클릭하여 크리에이티브를 저장합니다.

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

성과 페이지 보는 방법:

1. 앱스플라이어의 사이드 메뉴에서 인게이지먼트 > 웹투앱 > 스마트 배너 > 퍼포먼스를 선택합니다.
2. 성과를 확인할 날짜 범위를 선택합니다. 기본 날짜 범위는 최근 7일입니다.
3. [선택 사항] 현재 활성 배너만 표시를 선택합니다. 이 기능을 선택할 경우, 일시 중지되었거나 현재 활성화되어 있지 않은 배너의 데이터는 선택한 날짜 범위 동안 활성화되어 있더라도 표시되지 않습니다. 선택한 날짜 범위에 대한 성과 데이터가 표시됩니다.

특정 배너에 대한 지난 7일간의 실적 데이터를 확인할 수 있습니다.

배너 성과 확인 방법:

1. 앱스플라이어의 사이드 메뉴에서 인게이지먼트 > 웹투앱 > 스마트 배너 > 스튜디오를 선택합니다.
2. 성과를 보려는 웹사이트 작업 공간 및 배너 그룹을 선택합니다.
3. 배너 그룹에 있는 배너 위로 마우스를 가져갑니다. 지난 한 주 동안의 실적 데이터가 표시됩니다.

앱스플라이어는 스마트 배너를 표시할지 여부를 결정할 때 다음 사항을 고려합니다.

• 배너 그룹에 대해 설정된 규칙(해제 동작, 빈도 제한, 위치, 페이지에 표시 등)이 있나요?
• 최종 사용자가 규칙 조건을 충족하고 배너를 표시할 자격이 있나요?

두 질문에 모두 '예'로 답하면, 즉 규칙이 있고 사용자가 배너를 볼 자격이 있는 경우, 앱스플라이어는 다음 표에 설명된 대로 표시할 배너를 선택합니다.

실적 대시보드에서 배너의 실적을 비교하여 배너를 A/B 테스트할 수 있습니다. 추가 어트리뷰션 관련 데이터는 af_adset, af_ad 또는 기타 어트리뷰션 파라미터( pid, c, channel 제외)를 각 배너 크리에이티브 또는 배너 그룹에 고유 값으로 추가하는 것을 권장합니다. 앱스플라이어 대시보드 및 보고서에서 데이터를 볼 때 이러한 매개변수를 사용하여 각 배너 그룹의 성과를 비교할 수 있습니다.

이유는 배너 그룹에 설정된 빈도 제한 때문입니다. 빈도 제한은 고유 사용자에게 배너가 표시되는 횟수를 결정합니다. 예를 들어 빈도 제한이 3회로 설정되어 있고 사용자가 사이트를 네 번 방문하면, 처음 세 번 방문 시에는 배너가 표시되지만 네 번째 이후에는 배너가 표시되지 않습니다. 빈도 제한을 비활성화할 수 있습니다. 빈도 제한 값을 선택하거나 빈도 제한을 비활성화합니다.

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

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

예, 스마트 스크립트에서 다음 두 함수를 호출하면 됩니다.

• showBanner
• updateParams

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

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

개발자가 deep_link_value의 원하는 동작을 구현하는지 확인하세요.

아니오. 사용자가 앱을 설치했는지 여부를 모르는 경우에는 두 가지 모두에 적용 가능한 클릭 유도 문안을 만드는 것이 좋습니다. 예: "앱으로 이동" 또는 "앱 열기."

예. 원본 수신 URL에 utm_source 또는 pid 매개변수가 포함된 경우 원본 URL은 브라우징 세션 기간 동안 저장되고 해당 매개변수는 발신 배너 URL에 적용됩니다.

예. 그러기 위해서 래퍼/하이브리드 앱에서 스마트 배너를 구현하고 웹 브라우저가 아닌 앱에서 배너 페이지를 로드할 때 배너를 앱에 표시하는 showBanner 함수를 사용하지 마십시오. 대신, hideBanner 함수를 사용합니다.

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

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

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

스마트 배너를 다양하게 변경하면 내부 배너 요소의 색상과 크기를 편집하는 등 관련 접근성 요구 사항과의 호환성에 영향을 미칠 수 있습니다.