SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Downloaden Sie, um offline zu lesen
Deep Link
(to the Future)
Akash Gupta
Ashish Tyagi
Brief Overview
● About Deep linking
● Traditional Approach
● Universal Links
● Case Study
● Techniques and Applications
App Stats
The Requirement
What: Implement deep linking to our mobile apps.
Why: So that clicking on an ad can take users to the mobile app.
The Traditional Way
URL Schemes
my-app://com.myapp.fooBarIdentifier
And in the App Delegate:
Advertisement (linked-url)
Mobile Web Page(url-scheme)
App
Installed?
Open
App ?
Yes
No
Mobile App
Yes
No
Action
No
Action
How it works
Universal Links
● Native first, browser second
● Available iOS 9 onwards
Advertisement (linked-url)
Mobile Web Page
App
Installed?
Mobile App
Supports
URL ? Mobile Web Page
Yes
Yes
No
No
How Universal Links Work ?
Entitlements File
App-Site-Association File
{
"applinks": {
"apps": [],
"details": [
{
"appID": "9JA89QQLNQ.com.myOrganisation.myApp",
"paths": [ "/feature1/subFeature/", "/videos/wwdc/2015/*", NOT /about]
},
{
"appID": "ABCD1234.com.myOrganisation.mySecondApp",
"paths": [ "*" ]
}
]
}
}
The Actual Problem
What : Implement deep linking to our mobile apps.
Why : So that business can track which marketing campaigns are generating how
much revenue.
Akash Reacts
Traditional Analytics/App-Stitching
Advertisement (linked-url)
Redirects to mobile safari
UserId
Cookie ?
Yes
No
Generate Cookie(Analytics
Library)
Append cookieId & campaign
id to url-scheme
Open App with updated url
scheme
Limitations of Universal Links
● Difficult to pass any additional parameters in Universal Links.
● Universal Links do not work with redirects.
● The user can also disable universal links altogether by innocently tapping on the
website breadcrumb that is shown on the top.
● Difficult to debug and test because of all the various components involved.
● Deep linking to intercept subdomain.
Universal Links are Frustrating
● A separate domain name for marketing links.
● A server application responsible for routing traffic to the correct platform.
● For desktop browsers, it is a simple matter of routing to the website.
● For mobile browsers, a web page is generated with the deep link to the app.
Looking Towards New Domain Names
Custom web page
with Deep Link to
app
Domain Name just for Deep Linking?
Marketing URL
Custom Redirect
Server
(Track Ad Click)
Display content in
app
Website or App Store
What if the App is not even
installed yet?
Deferred Deep Linking
● Resolve deeplinks immediately after app install from a Universal Link.
● Device fingerprinting by link server before redirect to App Store.
● App reaches out to link server for pending context on first launch.
● Content displayed/action taken based on context.
Deferred Deeplinking Explained
Deeplink URL
Custom Redirect
Server
(Device Fingerprint)
App Not
Installed
App
Installed
App Store
Install Page
Contact Deeplink
Server for pending
context
Exchange deeplink
with server for
context
Display custom
content based on
context
App Opens Directly
Third Party Providers
Let’s Play Some Golf
User Experience with Deferred Deeplinks
● Personalized welcome screen flow
● Redirect to content shown in App Install ad
● Referrals/Invites can be resolved immediately
● Discounts/Offers availed
Harnessing the Power of Universal Links
● Index app activities and content.
○ Native app indexing allows you to provide app content and user activities in Spotlight search.
○ Third party indexing such as that provided by Google can be used to provide deep linking into
your app through Google search.
● Promote content and not just the app.
○ Using the above mentioned indexing tools one can create marketing campaigns that are dynamic
and work across platforms.
Prepared for
the Future!
Questions...
Useful Links
● Deeplink Golf on Github
● Universal Links Documentation
Thank You!

Weitere ähnliche Inhalte

Was ist angesagt?

Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For StartupsIdo Green
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web AppBinh Bui
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppVinci Rufus
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Zhentian Wan
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2Manfred Steyer
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web AppIdo Green
 
Azetone 2018 UX Analytics, A/B Testing & Personalization
Azetone 2018 UX Analytics, A/B Testing & PersonalizationAzetone 2018 UX Analytics, A/B Testing & Personalization
Azetone 2018 UX Analytics, A/B Testing & PersonalizationPhilippe Dumont
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Abdelrahman Omran
 
Preparing for the Mobile Algorithm Shift
Preparing for the Mobile Algorithm ShiftPreparing for the Mobile Algorithm Shift
Preparing for the Mobile Algorithm ShiftCrystal Ware
 
How to deal with mobile traffic expansion
How to deal with mobile traffic expansionHow to deal with mobile traffic expansion
How to deal with mobile traffic expansionMevlana M. Gürbulak
 
My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...Narendra Shetty
 
PWA - Progressive Web App
PWA - Progressive Web AppPWA - Progressive Web App
PWA - Progressive Web AppRobert Robinson
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptIdo Green
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...Robert Nyman
 

Was ist angesagt? (20)

Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Azetone 2018 UX Analytics, A/B Testing & Personalization
Azetone 2018 UX Analytics, A/B Testing & PersonalizationAzetone 2018 UX Analytics, A/B Testing & Personalization
Azetone 2018 UX Analytics, A/B Testing & Personalization
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Preparing for the Mobile Algorithm Shift
Preparing for the Mobile Algorithm ShiftPreparing for the Mobile Algorithm Shift
Preparing for the Mobile Algorithm Shift
 
PWAs overview
PWAs overview PWAs overview
PWAs overview
 
How to deal with mobile traffic expansion
How to deal with mobile traffic expansionHow to deal with mobile traffic expansion
How to deal with mobile traffic expansion
 
My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...
 
PWA - Progressive Web App
PWA - Progressive Web AppPWA - Progressive Web App
PWA - Progressive Web App
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...
 

Ähnlich wie Deep Link (to the Future)

Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
 
[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOS[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOSNaukri.com
 
Mastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentMastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentBranch
 
Deep linking - a fundamental change in the mobile app ecosystem
Deep linking - a fundamental change in the mobile app ecosystemDeep linking - a fundamental change in the mobile app ecosystem
Deep linking - a fundamental change in the mobile app ecosystemTUNE
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web applicationRavikantGautam8
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfLucas Lagone
 
How App Indexation Works
How App Indexation WorksHow App Indexation Works
How App Indexation WorksSerenaPearson2
 
Building Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platformsBuilding Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platformsDr Ganesh Iyer
 
Turn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyTurn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyKaty Slemon
 
Complete A-Z Of Google App Content Indexing And Much More...
Complete A-Z Of Google App Content Indexing And Much More...Complete A-Z Of Google App Content Indexing And Much More...
Complete A-Z Of Google App Content Indexing And Much More...Velocity Software
 
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016MobileMoxie
 
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...Distilled
 
Mobile deep links testing: keep calm and stay focused, Діана Пінчук
Mobile deep links testing: keep calm and stay focused, Діана ПінчукMobile deep links testing: keep calm and stay focused, Діана Пінчук
Mobile deep links testing: keep calm and stay focused, Діана ПінчукSigma Software
 
Tools & Tips to Optimize Mobile Websites
Tools & Tips to Optimize Mobile WebsitesTools & Tips to Optimize Mobile Websites
Tools & Tips to Optimize Mobile WebsitesLinda Nguyen
 
Native, hybrid, or pw as – choose the best for your business
Native, hybrid, or pw as – choose the best for your businessNative, hybrid, or pw as – choose the best for your business
Native, hybrid, or pw as – choose the best for your businessMarkovate
 

Ähnlich wie Deep Link (to the Future) (20)

Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
 
[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOS[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOS
 
Mastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App ContentMastering Mobile SEO for Your Website and Native App Content
Mastering Mobile SEO for Your Website and Native App Content
 
Deep linking - a fundamental change in the mobile app ecosystem
Deep linking - a fundamental change in the mobile app ecosystemDeep linking - a fundamental change in the mobile app ecosystem
Deep linking - a fundamental change in the mobile app ecosystem
 
App Deep Linking
App Deep LinkingApp Deep Linking
App Deep Linking
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
 
Mobile app vs web app
Mobile app vs web appMobile app vs web app
Mobile app vs web app
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
 
How App Indexation Works
How App Indexation WorksHow App Indexation Works
How App Indexation Works
 
Building Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platformsBuilding Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platforms
 
Turn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyTurn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technology
 
Complete A-Z Of Google App Content Indexing And Much More...
Complete A-Z Of Google App Content Indexing And Much More...Complete A-Z Of Google App Content Indexing And Much More...
Complete A-Z Of Google App Content Indexing And Much More...
 
Progressive Web Apps - deep dive
Progressive Web Apps - deep diveProgressive Web Apps - deep dive
Progressive Web Apps - deep dive
 
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
 
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...
SearchLove London 2016 | Bridget Randolph | The Changing Landscape of Mobile ...
 
Mobile deep links testing: keep calm and stay focused, Діана Пінчук
Mobile deep links testing: keep calm and stay focused, Діана ПінчукMobile deep links testing: keep calm and stay focused, Діана Пінчук
Mobile deep links testing: keep calm and stay focused, Діана Пінчук
 
Tools & Tips to Optimize Mobile Websites
Tools & Tips to Optimize Mobile WebsitesTools & Tips to Optimize Mobile Websites
Tools & Tips to Optimize Mobile Websites
 
All About Progressive Web Apps
All About Progressive Web Apps All About Progressive Web Apps
All About Progressive Web Apps
 
Native, hybrid, or pw as – choose the best for your business
Native, hybrid, or pw as – choose the best for your businessNative, hybrid, or pw as – choose the best for your business
Native, hybrid, or pw as – choose the best for your business
 

Deep Link (to the Future)

  • 1. Deep Link (to the Future) Akash Gupta Ashish Tyagi
  • 2. Brief Overview ● About Deep linking ● Traditional Approach ● Universal Links ● Case Study ● Techniques and Applications
  • 4. The Requirement What: Implement deep linking to our mobile apps. Why: So that clicking on an ad can take users to the mobile app.
  • 5. The Traditional Way URL Schemes my-app://com.myapp.fooBarIdentifier
  • 6. And in the App Delegate:
  • 7. Advertisement (linked-url) Mobile Web Page(url-scheme) App Installed? Open App ? Yes No Mobile App Yes No Action No Action How it works
  • 8. Universal Links ● Native first, browser second ● Available iOS 9 onwards
  • 9. Advertisement (linked-url) Mobile Web Page App Installed? Mobile App Supports URL ? Mobile Web Page Yes Yes No No How Universal Links Work ?
  • 11. App-Site-Association File { "applinks": { "apps": [], "details": [ { "appID": "9JA89QQLNQ.com.myOrganisation.myApp", "paths": [ "/feature1/subFeature/", "/videos/wwdc/2015/*", NOT /about] }, { "appID": "ABCD1234.com.myOrganisation.mySecondApp", "paths": [ "*" ] } ] } }
  • 12.
  • 13. The Actual Problem What : Implement deep linking to our mobile apps. Why : So that business can track which marketing campaigns are generating how much revenue.
  • 15. Traditional Analytics/App-Stitching Advertisement (linked-url) Redirects to mobile safari UserId Cookie ? Yes No Generate Cookie(Analytics Library) Append cookieId & campaign id to url-scheme Open App with updated url scheme
  • 16. Limitations of Universal Links ● Difficult to pass any additional parameters in Universal Links. ● Universal Links do not work with redirects. ● The user can also disable universal links altogether by innocently tapping on the website breadcrumb that is shown on the top. ● Difficult to debug and test because of all the various components involved. ● Deep linking to intercept subdomain.
  • 17. Universal Links are Frustrating
  • 18. ● A separate domain name for marketing links. ● A server application responsible for routing traffic to the correct platform. ● For desktop browsers, it is a simple matter of routing to the website. ● For mobile browsers, a web page is generated with the deep link to the app. Looking Towards New Domain Names
  • 19. Custom web page with Deep Link to app Domain Name just for Deep Linking? Marketing URL Custom Redirect Server (Track Ad Click) Display content in app Website or App Store
  • 20. What if the App is not even installed yet?
  • 21. Deferred Deep Linking ● Resolve deeplinks immediately after app install from a Universal Link. ● Device fingerprinting by link server before redirect to App Store. ● App reaches out to link server for pending context on first launch. ● Content displayed/action taken based on context.
  • 22. Deferred Deeplinking Explained Deeplink URL Custom Redirect Server (Device Fingerprint) App Not Installed App Installed App Store Install Page Contact Deeplink Server for pending context Exchange deeplink with server for context Display custom content based on context App Opens Directly
  • 25. User Experience with Deferred Deeplinks ● Personalized welcome screen flow ● Redirect to content shown in App Install ad ● Referrals/Invites can be resolved immediately ● Discounts/Offers availed
  • 26. Harnessing the Power of Universal Links ● Index app activities and content. ○ Native app indexing allows you to provide app content and user activities in Spotlight search. ○ Third party indexing such as that provided by Google can be used to provide deep linking into your app through Google search. ● Promote content and not just the app. ○ Using the above mentioned indexing tools one can create marketing campaigns that are dynamic and work across platforms.
  • 29. Useful Links ● Deeplink Golf on Github ● Universal Links Documentation Thank You!