스마트 앱 배너 (Smart App Banner) 적용 방법

아이폰이나 아이패드 사용자는 모바일 기기에서 사파리 브라우저를 많이 이용한다. 이 때, 특정 웹 페이지 상단에 iOS 앱 아이콘과 함께 다운로드 링크를 표시하는 경우가 있다. 그 때는 마냥 ‘오, 신기하다’고만 생각하고 말았다. 그런데, 오늘 문득 그 생각이 나서 픽스토어 앱 다운로드에 적용해볼까하고 검색해 봤다.

이 기능이 바로 사파리에서 제공하는 ‘스마트 앱 배너(Smart App Banner)‘라고 불리는 거다.  적용한 그림은 아래 그림과 같다. 십여분 만에 적용이 끝났다. 생각했던 것보다 무지 간단하고 쉬웠다.

픽스토어의 스마트 앱 배너 (Smart App Banners)
픽스토어의 스마트 앱 배너 (Smart App Banners) 적용한 상태 스크린샷이다. @www.pixto.re

적용하는 가장 간단한 방법은 회사 웹사이트나 앱 랜딩 페이지의 헤드(Head) 부분에 아래와 같이 소스를 삽입하면 된다. ‘app-id=’의 뒷 부분의 숫자는 링크메이커(Link maker)에서 자신의 앱 ID를 찾아 삽입하면 된다.

<meta name="apple-itunes-app" content="app-id=790062075">

적용된 사례는 아이폰이나 아이패드에서 픽스토어 랜딩 페이지(www.pixto.re)를 확인하시고, 이왕이면 다운로드 한 뒤에 별점 좀 주떼여… 😉

적용하는 좀 더 복잡한 방법은 ‘스마트 앱 배너로 앱 다운로드를 촉진하기 (Promoting Apps with Smart App Banners)‘ 문서를 참조하길 바란다.

– 끝 –

글쓴이 남반장

#동네서점지도 운영자 | 1998년 인터넷 라디오 '무차별 방송국'을 시작한 이래, 15년 이상 웹서비스 기획자로 일해오고 있습니다.

댓글 달기