I made the site detects whether the user is on iOS or Android and redirects them to the corresponding app store. Since it's easy to make and convenient, I'll share the steps.
Not having to split links/QR codes into two can improve user experience and save space.
Here's the kind of link we creates (Goes to the App Store on iOS, Google Play on Android, or a specified webpage for other devices)
Download the File
Download index.html from GitHub.
Deploy the file to any server or hosting service
You can use any service, but I'll explain using Cloudflare Pages because it's free. 😎
1.Create a Cloudflare account
Use this link to create a free Cloudflare account.
2.Deploy index.html to Cloudflare
Go to Workers & Pages > Pages.
Select Create using direct upload.
Name your new Project and create it.
Create a folder, add index.html, and drag/drop the folder to upload.
Once deployed, you'll get the domain for your new site.
Create the Link
Use this format:
https://{your-site-domain}?androidid={android-app-id}&iosid={ios-app-id}&defaulturl={url-for-desktop-access (without https://)}
For example, let's make a link for LINE App:
your-site-domain = app-jump-link.pages.dev (the one I created)
android-app-id = jp.naver.line.android
ios-app-id = id443904275
url-for-desktop-access = line.me/ja/ (remove https://)
So the link would be:
https://app-jump-link.pages.dev?androidid=jp.naver.line.android&iosid=id443904275&defaulturl=line.me/ja/
That's it! Good work!
Generate a QR code using any site you like. ♪
You may be thinking, "Can't I just use https://app-jump-link.pages.dev instead of making my own site?" 🧐
You're right
However, I may discontinue or change it at any time, so it's better to make your own...just in case. (Use at your own risk if you do.)
I'm making an app! Please check it out if you like →
Works
Current recommendation↓
