시작하기
웹사이트에 앱 다운로드 버튼을 추가하는 방법(iOS + Android)
모든 기기에서 알맞은 스토어를 여는 "앱 다운로드" 버튼 하나를 사이트에 넣으세요.
짧은 답변
기기 확인 뒤에 스토어 배지 두 개를 두는 대신, href가 스마트 링크 하나인 버튼 하나를 사용하세요. onestore.link는 클릭하는 순간 기기를 판별하므로 같은 버튼이 iPhone, Android, 데스크톱에서 모두 작동하고, User-Agent JavaScript를 배포할 필요도 없습니다.
최종 검토일: 2026-10-22
마케팅 사이트나 랜딩 페이지의 "앱 다운로드" 버튼은 여러 기기가 섞인 방문자를 상대해야 합니다. 버튼 두 개(App Store + Google Play)를 보여 주면 마찰과 혼잡이 생기고, 하드코딩된 스토어 링크 하나를 보여 주면 나머지 절반의 방문자가 막다른 길에 남습니다. 깔끔한 해결책은 방문자마다 알맞은 스토어로 안내하는 스마트 링크를 가리키는 버튼 하나입니다. 설정 방법을 소개합니다.
문제
- 하드코딩된 스토어 버튼 하나는 방문자의 절반을 엉뚱한 곳으로 보냅니다.
- 나란히 놓인 스토어 버튼 두 개는 화면을 복잡하게 만들고 고민할 단계를 하나 더합니다.
- 정적 HTML에서는 별도의 JavaScript 없이 기기를 감지할 수 없습니다.
- 직접 작성한 리디렉션에는 호스팅과 지속적인 관리가 필요합니다.
onestore.link와 함께
- 버튼 하나를 onestore.link URL로 연결하세요. 기기에 따라 App Store 또는 Google Play로 안내합니다.
- 마크업은 아주 단순하게 유지하세요. 일반 앵커 태그 하나면 되고 JavaScript는 필요 없습니다.
- 데스크톱 방문자에게는 두 버튼이 모두 있는 랜딩 페이지가 보여 여전히 선택할 수 있습니다.
- 사이트를 수정하지 않고도 목적지 스토어를 언제든 변경할 수 있습니다.
방법
SDK도, 재빌드도 없습니다. URL 하나면 됩니다.
- 1
링크 만들기
App Store와 Google Play URL로 onestore.link를 생성하세요.
- 2
버튼 하나 추가하기
마크업에 내 onestore.link URL을 가리키는 일반 링크를 사용하세요. 기기 감지 코드는 필요 없습니다.
<a href="https://onestore.link/yourapp">Download the app</a> - 3
한 번만 스타일 지정하기
버튼 하나를 사이트에 맞게 스타일링하세요. 이제 iPhone, Android, 데스크톱 방문자 모두에게 똑같이 작동합니다.
자주 묻는 질문
기기 감지를 위해 JavaScript가 필요한가요?
아니요. 버튼은 onestore.link URL을 가리키는 일반 앵커 태그입니다. 기기 감지는 모두 링크를 클릭할 때 서버 측에서 이루어지므로 페이지는 정적으로 유지됩니다.
그래도 App Store와 Google Play 버튼을 따로 보여 줘야 하나요?
그럴 필요는 없습니다. 스마트 링크 버튼 하나가 두 스토어를 모두 처리하고 고민할 단계를 하나 없애 줍니다. 공식 스토어 배지를 선호한다면 각 배지를 같은 onestore.link URL로 감쌀 수도 있습니다.
데스크톱 방문자에게도 작동하나요?
네. 데스크톱에서 클릭하면 두 스토어 옵션이 모두 있는 가벼운 페이지로 이동하므로, 노트북 사용자도 직접 고르거나 휴대폰으로 보낼 수 있습니다.
사용해 볼 준비가 되셨나요?
영원히 무료이고 비밀번호도 필요 없습니다. 약 1분이면 링크가 준비됩니다.
무료 링크 만들기실제 활용 사례 보기: 관련 사용 사례 둘러보기 →