Getting started with Firebase Dynamic Link

Learn Firebase dynamic link step by step by guide and how to use firebase dynamic links. #firebase #firebaseDynamicLink #AppDevelopment

Getting started with Firebase Dynamic Link
Getting started with Firebase Dynamic Link - mobilelabs.in

Firebase Dynamic link helps when you target multiple platform like web and mobile apps, it will deliver better user experience to you the users whether the application is installed or on the device or not.

What you will learn

  1. How Firebase Dynamic link works
  2. Dynamic link features
  3. How to create Dynamic link
How Firebase Dynamic link works - mobilelabs
Created by mobilelabs

When user clicks the dynamic link it will check if your app is installed on the device? if yes then it will open your app and navigate to a specific screen. If no then it will open the Apple store or Google Play store based on your device platform.

When you don't have app installed it will redirect you to store and you can install the app from the store and you can continue to specific screen.

Dynamic link features

  1. Custom Domain - Setup Custom domain for dynamic link
  2. View Link Analytics Data - View dynamic link analytics

Example
When you share a video link from your app to your friend and if they don't have the app installed the link will open the app store, your friend can install the app from the store and once the app installed they can continue to view the video.

This way we can use Firebase dynamic link to improve better user experience in our platform.

We can create Dynamic link in multiple ways

  1. Firebase console
  2. Firebase Backend SDK(NodeJS, Python, etc.)
  3. Firebase Mobile SDK(Android, iOS)
Note: You can check this link to find more ideas how to create Firebase Dynamic Links.

We will use firebase console to create Dynamic link.

Step 1: Open Dynamic link in firebase console

Open Dynamic link in firebase console
Created by mobilelabs

Step 2: Add URL prefix for dynamic link

Add URL prefix for dynamic link in firebase console
Created by mobilelabs
Note: We can also setup custom domain, for more details visit firebase docs

Step 3: Create new dynamic link from console

Create dynamic link from firebase console
Created by mobilelabs

You can set custom path or random path for the dynamic link.

Tip: You can create top level links with custom path ie: Home

Step 4: Set up deep link for Dynamic link

Set up deep link for Dynamic link in firebase console
Created by mobilelabs

Deep will the fallback link if we open the link in desktop browser and we can also control the dynamic link behaviour when iOS or Android device open in browser.

Step 5: Setup link behaviour

iOS

Set up dynamic link behaviour for iOS in firebase console
Created by mobilelabs

Android

Set up dynamic link behaviour for Android in firebase console
Created by mobilelabs

If we choose open in browser it will always open the link in browser on this case it will navigate for the deep link we have defined in Step 4.

Open the deep link in your (iOS and Android) app will open the specific page in the app if app is installed.

Note: We need to select iOS and Android app to make this work.

Step 6:  Setup dynamic link preview and Analytics campaign tracking

Setup dynamic link preview and Analytics campaign tracking
Created by mobilelabs

Dynamic Link: https://mobilelabs.page.link/home

Conclusion

We have seen about firebase dynamic link and how to create dynamic link. if you like the content subscribe and share.