방대한 컨텐츠를 즐길 수 있는 유튜브는 반응이 좋은 동영상에 대해서 사용자간에 공유가 활발합니다. 이 때 유튜브 동영상 공유는 주소 링크를 통해서 이뤄지며 카카오톡, 인터넷 등에 쉽게 첨부할 수 있습니다. 그래서 불특정 다수는 공유된 링크 주소를 클릭하여 유튜브 동영상을 시청할 수 있게 됩니다. 그런데 스마트폰에서 유튜브 링크를 클릭시 유튜브 앱으로 연결되지 않고 다른 인터넷 앱이나 공유시 사용된 앱에서 재생되는 경우가 있습니다. 이 경우 유튜브의 댓글, 구독 등의 유용한 기능을 이용하기 어려우며 동영상을 보기에도 편하지 않으므로 불편함이 생기게 됩니다. 이것을 해결하기 위해서는 카카오톡, 인터넷 크롬 등에서 유튜브 링크 앱으로 열기 방법을 알아두는 것이 좋습니다. 카카오톡에서 공유된 유튜브 링크를 클릭시 카카오의 인터넷 페이지에서 시청되기 때문에 유튜브 앱으로 전환을 해야 하며, 다른 크롬, 돌핀 등의 인터넷에서 유튜브 링크를 클릭시 동영상 재생 기본 앱으로 유튜브를 설정하셔야만 합니다. 설정 과정이 복잡하지 않으므로 이번 글을 참고하셔서 바로 적용해보시기 바랍니다. 목차 1. 카카오톡에서 유튜브 링크 앱으로 열기 2. 인터넷 크롬에서 유튜브 링크 앱으로 열기 카카오톡에서 유튜브 링크 앱으로 열기1. 카카오톡에서 보고 싶은 유튜브 링크를 누릅니다. 2. 열려진 창에서 동영상 공유 버튼을 클릭합니다. 3. 유튜브 링크 주소를 길게 누릅니다. 4. 다른 브라우저로 열기를 선택합니다. 5. 유튜브 앱으로 연결되어 동영상을 시청할 수 있습니다. 인터넷 크롬에서 유튜브 링크 앱으로 열기아래의 방법은 인터넷 크롬 뿐만 아니라 다른 인터넷 앱을 포함하여 공유된 링크를 클릭하는 모든 경우에 유튜브 앱으로 연결되도록 설정하는 방법입니다. 1. 스마트폰의 설정 앱을 실행합니다. 2. 애플리케이션 탭을 누릅니다. 3. 앱 목록에서 YouTube를 선택합니다. 4. 기본으로 설정 탭을 클릭합니다. 5. 지원되는 링크 열기를 누릅니다. 6. 이 앱으로 열기로 설정합니다. 7. 이제 공유 링크를 클릭하면 유튜브 앱으로 자동 연결됩니다. 이번에 일을 하면서 웹에서 앱 열기, 인앱 등 앱과 연결되어 일하는 부분이 꽤 많이 생겼다. 인앱 대응이야 해본 경험이 있었지만, 앱 열기의 경우 꽤나 까다로웠다. 관련된 용어가 많고 OS 별로 다르다 보니 헷갈리는 포인트가 많았는데, 이 부분을 정리해보았다. 딥링크앱 열기를 찾아보다보면 딥링크라는 단어가 자주 보이게 된다. 그 의미 자체는 앱에 한정적인게 아니고 "사용자를 특정 콘텐츠로 연결하는 링크"인데, 이게 보통 "앱에서" 특정 콘텐츠로 연결하는 링크라는 의미로 많이 쓰인다. 워낙 해당 단어가 자주 나오다보니 딥링크가 앱을 여는 하나의 방식인가? 라고 착각을 했었는데, 아래 후술할 방식이 모두 다른 종류의 딥링크이다. 즉, 모두 앱에서 특정 콘텐츠로 연결하는 링크인 것이다. 앱 열기 같은 경우 OS(Android, iOS) 별로 방법이 다른 부분이 꽤 있는데, 나눠서 비교해보자. 공통URL Scheme사용자를 앱의 특정 콘텐츠로 바로 연결하는 URL 이다. ex) 위와 같은 URL Scheme를 이용하면 브라우저에서 해당 Scheme를 읽고 그 Scheme에 해당하는 앱이 있는 경우 (앱에서 설정) 열어준다. 하지만 다음과 같은 한계가 있다.
Androidintent filterhttps://developer.android.com/guide/components/intents-filters?hl=ko 이 intent filter의 역할은 앱 열기에 한정된 것이 아니고 특정 앱으로의 메시징을 처리하는 객체인데, 이걸 딥링크처럼 활용할 수 있다. 앱에서 intent관련 설정을 지정하고, 웹에서 이 방법은 위 URL 스키마 방식의 한계를 없애준다. 패키지명을 이용하기 때문에 유니크하고, 앱이 미설치되어있는 경우 해당 패키지에 해당되는 playstore로 이동한다. Applinkhttps://developer.android.com/training/app-links/verify-site-associations?hl=ko 위 인텐트 필터 방식을 활용하여 웹사이트 URL 기반으로 앱을 여는 방식 (android 6.0 이상지원) 예를들어 https://medium.com 를 방문하는 경우 해당하는 앱을 열 수 있다. 웹에서는 무엇을 해주어야 하나?기본적으로 인텐트 필터 설정은 앱쪽에서 해주지만, 웹에서도 해줘야할 것이 있다. 앱링크를 제공할 도메인이 특정 앱과 매칭된다는 것을 알려주기 위해 앱쪽에서 생성하는 여기에는 몇 가지 제약이 따르게 되는데,
테스트는 어떻게하지?이부분이 제일 골치아팠는데, 위와 같은 제약사항이 있기 때문에 VPN을 사용하거나 사내망이 따로 있는 경우 테스트하기가 번거롭다. 예를들어, 개발환경인 대부분에 개발환경 서버는 VPN 뒤에 있기 때문에 위 4번 제약사항에 걸리게 된다. 이 때 찾아보았던 해결할 수 있는 방법은
앱이 설치되어있지 않은 경우는?기본적으로 앱링크 / 유니버셜링크는 앱이 설치되어있지 않은 경우 단순히 웹에서 해당 url을 표시하게 된다. 이런 경우 보통 "앱으로 이동" 과 같은 버튼을 표시하고, 클릭시 위에서 말한 인텐트 필터를 사용하게 된다. iOSios의 경우 deffered deep link나 intent 필터 등의 기법은 없고 universal 링크만 이용 가능하다. (ios 9 이상) Universal linkhttps://developer.apple.com/ios/universal-links/ 기본적으로 app link와 동일하다. 웹사이트 URL 기반으로 앱을 열게 동작해준다. 웹에서는 무엇을 해주어야 하나?안드로이드와 마찬가지로 앱쪽에서 생성한 주의할 점은, 안드로이드의 경우 기본적인 제약사항 (VPN X, redirect X, 서브도메인지원 X)은 앱링크와 동일하다. 따로 문서에 명시되어있지는 않은데, 테스트 결과 앱링크와 마찬가지로 앱쪽에서 앱이 설치되어있지 않은 경우는?마찬가지로 앱열기버튼을 제공할 수 있다. (특히 유니버셜링크는 safari의 경우 앱열기버튼을 네이티브에서 제공하고 있다) 다만, iOS에서는 인텐트 필터처럼 앱의 설치여부를 구분해서 동작할 수 없기 때문에 조금 추가작업이 필요하다. 다음과 같은 방법을 고려할 수 있다.
|