Skip to main content

Dynamic Link (Deep Link)

This section shows how to configure the Deep Links using Firebase Dynamic Link. It is available for sharing App, a specify Product, Notification, Tag.

How does Firebase Dynamic Link work?

Image Source

1. Preconditions​

  • Your app must be successfully connected with Firebase following this guide.
  • Your app must be released on Google Play and App Store.
  • Mstore API plugin has been installed and upgraded to the latest version in your CMS.

2. URL Prefix​

This step guides to configure the URL Prefix as below:

  • Open the Firebase page https://console.firebase.google.com and open your Firebase project. Then select the [Dynamic Links] item:

  • In Dynamic Links screen, click on Get Started button if this is your first time working with Firebase Dynamic Link. Otherwise, click on the current existing URL Prefix dropdown button, and click on add URL prefix

  • Type the domain name you want to use for your Dynamic Links. You can use the domain you own (for example, yourdomain.com or app.yourdomain.com), or a free Google-provided domain (for example, yourapp.page.link).

  • Finish the following steps: Configure, Verify and Finish to get URL prefix.

3. For iOS app​

If you need the iOS app, follow this guide to configure more:

4. Configure the Dynamic Link feature​

You can configure Firebase Dynamic Link easily on the drag&drop FluxBuilder

Update the information as the image below:

  • Uri Prefix is the URL that you created in Firebase in step 2.

  • Link is the URL that your app will launch if it is opened in web browser.

  • Android Package Name is your package name.

  • Android App Minimum Version is the minimum version of your app in Google Play that can open the link.

  • iOS Bundle Id is your iOS Bundle ID, which you can find at iOS Settings in Firebase Project Settings. (How to get or create iOS Bundle ID?)

  • iOS App Minimum Version is the minimum version of your app in Apple Store that can open the link.

  • iOS App Store Id is your app ID, which you have already got in step 3.

5. Test​

This step guides to test your Firebase Dynamic Link:

  • When you did from step 1 to step 4, successfully running your app will generate a Firebase Dynamic Link in the console.

  • Now it's time to test your dynamic link. Please keep in mind that Firebase Dynamic Link only works on physical Android/iOS devices.

6. Share a Product​

This step guides to share a specific product with Firebase Dynamic Link:

  • Make sure you have done from step 1 to step 5.
  • Go to Admin Dashboard > Settings > Permalinks. At Product permalinks, edit Custom base: /product/

7. Share Tag​

Users can share a list of products with the same Tag. When users open the link, the App will be launched and show all products under that Tag.

  • Make sure you have done from step 1 to step 5.

8. Share a Product or Page in Notifications​

The feature allows sending a Notification with the Product URL or a specific page. When users open Notification, App is launched with that product/page.

Note:

  • Make sure you have done from step 1 to step 5.

Manual guide:

To make the feature work, go to the Cloud Messaging from Firebase Console, and Send your first message.

Then, on the Compose Notification screen, fill in the necessary information in all steps Information, Target, Scheduling, Conversion events (optional), and Additional options (optional).

In step 4 - Additional options (optional) - you will add a Key-Value for the Custom Data, fill dynamic_link for Key and the Product URL for Value.

9. Share a Tab or Screen​

To navigate users to a specific screen, you need to

  • Follow the Precondition
  • Manually create a dynamic link on the Firebase Console and configure it accordingly as below:

  1. Go to https://console.firebase.google.com, select your project, and click New Dynamic Link

  2. Click Next

  3. Fill in the information for the following two fields: and click Next

    1. Deep link URL: Fill the link as scheme: your-home-page + ? + screen you want to open. We currently support tab_number and screen. For example:

    2. Dynamic link name: The name of this dynamic link, which you will refer to when tracking data, such as clicks on this link.

  4. Select Open the deep link in your Apple App and select exactly your bundle id for your iOS app, and click Next

  5. Select Open the deep link in your Android App and select exactly your bundle id for your android app, and click Next

  6. Click Create.

  7. Copy the link and use it:

Note:

  • tab_number supports values from 1 to the number of tabs you have configured on your app.
  • screen supports the following list:
    • home-search
    • profile
    • list-blog
    • wishlist
    • category
    • category-search
    • search
    • cart