웹 페이지에 iOS6의 Smart App Banner 적용하기
iOS6의 새로운 기능 중 하나가 Smart App Banner입니다. 이 기능은 쉽게 말해서 아래와 같이 iOS에 내장된 Safari로 특정 웹페이지를 호출했을 때 화면 상단에 App 배너가 나타나게 하는 기능입니다. 적용을 위해서는 웹 페이지에 간단한 메타태그 한 줄만 넣어주면 됩니다. 참 간단하죠. 자 그럼 위 태그에 입력해야할 값들에 대해서 알아보겠습니다. 1. name 이 부분은 그냥 위와 같이 적어주시면 됩니다. itunes에 적용된 앱이라는 것을 명시하기 위함입니다. 2. content 2.1. app-id (필수) 앱스토어에 등록된 앱이 부여받은 ID값입니다. 이 값을 알기 위해서는 http://itunes.apple.com/linkmaker/ 에서 검색을 합니다. 저는 아래와 같이 아임리얼맛집을 검색했습니다. 하단에 결과가 나왔죠? 그럼 하단 오른쪽에 있는 “iPhone App Link”를 살포시 눌러줍니다. 아래와 같이 검색된 앱의 상세정보가 나타납니다. 여기에서 중요한 부분은 주소 중 “/idXXXXXXXXX?mt=” 의 XXXXXXXXX에 위치한 숫자입니다. 이 숫자가 app-id에 들어갈 ID값입니다. 2.2. affilidate-data (선택) 이 부분은 관련된 컨텐츠를 등록하기 위한 필드이며, http://www.apple.com/itunes/affiliates/ 에서 등록을 해야 사용이 가능합니다. 따로 테스트해 볼 방법은 없는 상황이라 자세한 사항은 위에 명시한 사이트에서 얻으셔야 합니다. 검색을 하다보니 잘…