Deeplinks 및 Smart App Banner 기능은 무엇인가요?

Deep link은 사용자를 앱의 홈 페이지가 아니라 앱 내 특정 위치로 직접 이동시키는 링크를 만드는 것을 의미합니다. 이는 사용자가 관심 있는 가장 관련성 높은 콘텐츠나 기능으로 바로 연결되는 바로 가기와 같습니다.
예를 들어 웹사이트 링크가 홈 페이지가 아니라 특정 기사나 제품 페이지로 바로 이동하는 것과 같습니다. Deep linking도 앱 환경에서 동일하게 작동합니다.
Android와 iOS의 경우 각각 Android App Links와 Universal Links를 통해 구현됩니다.

smart app banner는 사용자가 스마트폰이나 태블릿으로 사이트를 방문할 때 모바일 웹 페이지 상단에 표시되는 홍보 배너입니다. smart app banner의 주요 목적은 모바일 웹을 탐색하는 사용자가 앱을 다운로드하도록 유도하는 것입니다.

기능 하이라이트 🎯

Android App Links를 사용하여 Android 앱을 스토어 도메인과 연결합니다.
iOS Universal Links를 사용하여 iOS 앱을 스토어 도메인과 연결합니다.
앱 설치 상태를 감지하고, 모바일 기기에서 스토어를 탐색 중인 사용자가 앱을 열도록 또는 설치하도록 메시지를 표시하는 상황 인식 Smart app banner.

🟢 Deeplinks 및 Smart App Banner 기능을 활성화하는 방법은?

Evlop Mobile App의 Shopify 대시보드 기능 페이지에서 Enable 버튼과 Deeplinks & Smart App Banner 기능 상자를 클릭하고 Android 및 iOS용 Deeplinks와 Smart App Banner를 각각 설정하면 됩니다.

Highlights 🔎

1. Android App Links로 Android 앱을 스토어 도메인과 연결하세요.

Android App Links는 Android 앱이 웹사이트 도메인과 고유하게 연결될 수 있게 하는 딥링크 유형입니다. 이 기능을 구현하려면 Android App Links를 활성화하고, Google Play 콘솔에 있는 앱의 SHA256 지문을 사용해 확인 및 설정해야 합니다. 이 지문은 웹사이트와 앱을 모두 소유하고 있음을 검증합니다. 설정이 완료되면 사용자가 웹 URL을 클릭했을 때 Android 시스템이 앱이 설치되어 있으면 자동으로 앱으로 이동시키고 해당 콘텐츠를 표시합니다. 앱이 설치되지 않은 경우 URL은 일반 웹 브라우저에서 열립니다. 이를 통해 사용자는 웹 페이지에서 앱 내 관련 콘텐츠로 원활하게 전환할 수 있습니다.

SHA256 지문을 얻는 방법은 다음과 같습니다.

Google Play Console 로 이동하세요
Setup 으로 이동하세요
App Signing 을 클릭하세요.
App signing key certificate 섹션으로 이동하세요
SHA256 를 복사하세요.

2. iOS Universal Links 로 iOS 앱을 스토어 도메인에 연결하기

Universal links는 Android App Links와 동일한 iOS 기능입니다. 표준 HTTP 또는 HTTPS 링크만 사용하면 iOS 앱 내부의 깊은 콘텐츠로 연결할 수 있습니다. 사용자가 Universal link를 탭하면 iOS가 해당 앱이 설치되어 있는지 확인하고, 설치되어 있으면 즉시 해당 콘텐츠로 앱을 실행합니다. 앱이 설치되지 않은 경우 링크는 Safari에서 웹사이트 URL을 엽니다. Universal links는 안전하고 원활한 사용자 경험을 제공하여, 사용자가 앱이든 웹사이트든 가장 통합된 방식으로 콘텐츠에 접근할 수 있도록 합니다.

옵션을 활성화하고 변경 사항을 저장하면 iOS Universal links가 자동으로 구성됩니다.

3. iOS 및 Android용 스마트 앱 배너.스마트 앱 배너는 사용자가 스마트폰이나 태블릿으로 사이트에 방문할 때 모바일 웹페이지 상단에 표시되는 배너입니다.
스마트 앱 배너의 주요 기능은 다음과 같습니다.
스마트 앱 배너는 상황에 맞게 작동합니다. 사용자의 기기에 이미 앱이 설치되어 있는지 감지할 수 있습니다.
앱이 설치되어 있지 않은 경우: 배너에는 앱 아이콘과 간단한 설명과 함께 "앱 받기" 또는 "지금 설치" 같은 메시지가 표시됩니다. 배너를 탭하면 해당 앱 스토어(예: Apple App Store 또는 Google Play Store)의 앱 다운로드 페이지로 이동합니다.
앱이 이미 설치되어 있는 경우: 배너의 메시지가 "열기" 또는 "실행"으로 변경되어 모바일 웹페이지에서 바로 앱에 접속할 수 있습니다.
iOS와 Android에서 스마트 앱 배너를 활성화하고 설정하려면 다음 단계를 따르세요.
Evlop 모바일 앱의 Shopify 대시보드에서 스마트 앱 배너를 활성화합니다.
'Enable android Smart app banner' 및 'Enable iOS Smart app banner' 확인란을 클릭합니다.
변경 사항을 저장합니다.
테마 확장 활성화
“Smart app banner” 테마 확장이 활성화되어 있지 않다는 경고 팝업이 표시됩니다.
경고 메시지 상자의 ‘테마 설정으로 이동’ 버튼을 클릭하세요.
새 탭에서 테마 설정 페이지로 이동되며, 테마 확장이 자동으로 활성화됩니다.
테마 설정 페이지의 변경 사항을 저장하세요.
이전 탭으로 돌아가서 새로고침을 클릭하세요.
고객에게 어떻게 보이나요?