Journeys 배너 문제해결
오류 메시지
Web SDK 에러
- You must have the web SDK installed on your website to run a Journey. The Branch SDKs for deferred deep and contextual deep linking help you grow your apps and websites with deep links that power referral systems, sharing links and invites with full attribution and analytics. If you've integrated the Web SDK already and you're still seeing issues see the Web SDK troubleshooting guide.
- Journey가 로드되지 않는 경우 개발자를 통해 Branch Web SDK가 모든 웹 페이지에 적용된 것이 맞는지 확인하세요.
앱 SDK 경고
iOS 또는 안드로이드 앱에 SDK가 연동되지 않았더라도 해당 유저를 타겟팅 하도록 선택했다면 Journeys 배너는 타겟에 해당하는 올바른 디바이스에 잘 표시되며 유저를 앱으로 안내합니다. 그러나 Journeys 배너에 의한 설치 또는 이벤트 어트리뷰션을 데이터를 얻을 수 없으며 유저를 앱 내의 콘텐츠에 딥링크(Deep Link) 할 수 없습니다.
Be sure to integrate the Branch SDK into your app. If you've integrated the iOS SDK already and you're still seeing issues see the iOS SDK troubleshooting guide and/or Android SDK troubleshooting guide.
Journey가 표시되지 않음
Journey를 테스트하고 있지만 표시되지 않는 경우 dismissal settings를 확인해야 합니다. 만약 테스트를 진행하면서 브라우저가 시크릿 모드가 아닌 상태에서 배너의 닫기 버튼을 클릭하여 Journeys 배너를 닫은 적이 있다면, 배너가 표시되지 않습니다. 브라우저의 시크릿 모드를 켜서 테스트해보고, dismissal settings 메뉴의 설정상황을 확인해보세요.
오디언스 규칙 경고
오디언스 규칙의 총합이 100%가 되지 않으면 경고가 메시지가 나타납니다. 만약 총합이 100% 미만일 경우, 나머지 유저는 기본 웹사이트 화면을 보게 됩니다. Journey는 계속 실행됩니다.
[branchsubdomain]에 대한 호출이 차단됨
Click here to read about the value to use for
[branchsubdomain]
.
Please make sure to add [branchsubdomain]
to the CSP header for your pages. We've seen some browsers that attempt to block it outright. You can deliver this in an HTTP header from your web server, or you can add a simple metatag to your site like so:
<meta http-equiv="Content-Security-Policy" content="default-src https://[branchsubdomain]; child-src 'none'; object-src 'none'">
모바일에 최적화되지 않은 사이트
If you're not using a mobile viewport tag (<meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1, user-scalable=no">
) because your site isn't mobile-optimized, Journeys will appear shrunken. Not to worry, here's a workaround:
- 사이트에 표시할 배너를 디자인하세요.
- CSS 편집기로 이동하여 CSS 코드 하단으로 스크롤합니다.
- #branch-banner 선택기에 두 가지 속성 추가
height: 228;
zoom: 3;
대시보드가 모바일에 최적화되어 있기 때문에 편집기 화면에서 이미지가 적절한 크기로 나타나지 않습니다. 유효성 검사 화면에서 미리 보기 테스트 링크를 사용하여 배너가 올바르게 표시되는지 확인합니다.
상단 배너와 상단 고정 네비게이션 바 간의 겹침 방지
- Configure Creatives 화면에서 Page Placement 탭을 클릭합니다.
- Does this banner scroll with the page, or stay fixed in the frame? 항목에서 sticky를 선택하세요.
- Save & Close를 클릭합니다.
- 그런 다음 탐색에 다음 div를 추가하세요.
<div class="branch-journeys-top"></div>
Updated 6 days ago