T<\/span>hese are the URLs through which we can directly guide the user to any page<\/span> within Android<\/a><\/strong> and iOS<\/a><\/strong> applications by a single click.<\/span><\/p>\n\n\n\n If a user opens a dynamic link in the browser, they can be redirected to parallel content on your website.<\/span><\/p>\n\n\n\n Flutter<\/a> Firebase Dynamic links work across applications installed on your platform.<\/span><\/p>\n\n\n\n If a user opens Firebase Dynamic Links on the <\/span>Android\/iOS platform and doesn’t have your app installed, the user can be redirected to Playstore or AppStore to install it and then, the app starts and the user can access it.<\/span><\/p>\n\n\n Tech Stack We’re using: <\/strong><\/p>\n\n\n\n Tools We’re using:<\/strong> <\/p>\n\n\n\n Inside pubspec.yaml add the following plugin under dependencies and run flutter pub get in the terminal.<\/span><\/p>\n\n\n\n Enter the Project name and click the \u201cContinue\u201d button.<\/span><\/p>\n\n\n Enter package name that can be found in you project\/android\/app\/build.gradle<\/p>\n\n\n After successfully adding google-services.json inside android\/app, add Firebase Sdk to build.gradle.<\/p>\n\n\n Read More:<\/span> How to Implement Awesome Push Notifications Plugin Using Flutter?<\/a><\/p>\n<\/div>\n Here firebase will automatically provide some domains. You can edit the domain as you like and click the \u201cContinue\u201d button.<\/p>\n\n\n You can edit that or keep it as it is and click the \u201cNext\u201d button.<\/p>\n\n\n Then the user will be redirected to the play store. Enter \u201cDynamic Link name\u201d.<\/p>\n\n\n If not, select another option.<\/p>\n\n\n Select \u201cOpen the deep link in your Android App\u201d and click the Next button.<\/p>\n\n\n If you want to open app directly without being redirected to the browser, add the following lines of code inside android\/app\/src\/main\/AndroidManifest.xml<\/p>\n\n\n\n To create a dynamic link we have to add title, image and itemId.<\/p>\n\n\n\n Here I have added \u201cid = itemId\u201d after the link to identify specific items while handling dynamic links. <\/p>\n\n\n\n To receive a firebase dynamic link call, getInitiaLink(). <\/p>\n\n\n\n getInitiaLink() will return the URL that opened the app, otherwise, it will return null.<\/p>\n\n\n\n If the dynamic link is not null you can use the navigator inside the following method.<\/p>\n\n\n\n So, here we end up with successful creation and handle firebase dynamic links using Flutter and Firebase.<\/p>\n\n\n\n At last, Flutter firebase dynamic links are of great importance for Android\/iOS users. It can help you to improve the user experience with your application. It can let you use these dynamic links in your applications to read all of their benefits more amazingly.<\/p>\n\n\n\n Dynamic links create a connection to send users to an application directly without redirecting any browser.<\/p>\n\n\n\n Using Flutter, firebase dynamic links are very useful to create a straight path between users and beneficial, productive content of the app.<\/p>\n\n\n\n Firebase dynamic links are free to use. Mobile app developers<\/a><\/strong> can deserve all the benefits and features of it without any cost.<\/p>\n\n\n\n Firebase dynamic links create productive, Straight and fascinating social and email campaigns<\/a><\/strong> in a more effective way.<\/p>\n\n\n\n Here is the list of advantages:<\/p>\n\n\n\nHow does Flutter Firebase Dynamic Links Work?<\/b><\/h2>\n\n\n\n
![\"Flutter](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/flutter-firebase-dyamic-links-work.jpeg\")
<\/figure><\/div>\n\n\n\n
\n
Why is it Important?<\/b><\/h2>\n\n\n\n
\n
![\"Importance](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/importance-of-flutter-firebase-dynamic-links.png\")
<\/figure><\/div>\n\n\nFeatures of Flutter Firebase Dynamic Links<\/b><\/h2>\n\n\n\n
\n
Process to Implement Firebase Dynamic Links<\/b> in Flutter<\/strong><\/h2>\n\n\n\n
1<\/strong><\/span>. <\/span>Add Plugin to your flutter project.<\/strong><\/h3>\n\n\n\n
dependencies:\nfirebase_dynamic_links: latest<\/code><\/pre>\n\n\n\n2. <\/strong><\/span>Configure and set up Firebase Project<\/strong><\/span><\/h3>\n\n\n\n
2.1 .Create new firebase project (<\/strong><\/span>https:\/\/console.firebase.google.com\/<\/span><\/strong><\/a>)<\/strong><\/span><\/h4>\n\n\n\n
![\"Start](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Start-your-Project-2.png\")
<\/figure><\/div>\n\n\n2.2 After successfully creating a Firebase Project, configure the android app.<\/h4>\n\n\n\n
![\"Add](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Add-firebase-to-your-android-app.png\")
<\/figure><\/div>\n\n\n2.3 Setup google-services.json.<\/strong><\/h4>\n\n\n\n
![\"download](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Setup-google-services.json_.png\")
<\/figure><\/div>\n\n\n3. Setting up Dynamic Links and add domain:<\/h3>\n\n\n\n
3.1 Select \u201cDynamic Links\u201d from the console panel then click on \u201cGet Started\u201d button.<\/h4>\n\n\n
![\"select](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Setting-up-Dynamic-Links-and-add-domain.png\")
<\/figure><\/div>\n\n\n3.2 Add the URL prefix by entering the domain name. <\/h4>\n\n\n\n
![\"add](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Add-the-url-prefix-by-entering-domain-name.png\")
<\/figure><\/div>\n\n\n4. Create New Dynamic Link :<\/h3>\n\n\n\n
4.1 Click the \u201cNew Dynamic Link\u201d button.<\/h4>\n\n\n
![\"Dynamic-Link\"](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Dynamic-Link.png\")
<\/figure><\/div>\n\n\n4.2 Setup URL prefix. Here firebase will automatically provide some name after the URL. <\/h4>\n\n\n\n
![\"setup](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Setup-Shorten-URL.png\")
<\/figure><\/div>\n\n\n4.3 Set play store link inside \u201dDeep link Url\u201d field for if a user has not installed the app.<\/h4>\n\n\n\n
![\"setup](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Setup-dynamic-link.png\")
<\/figure><\/div>\n\n\n4.4 If you want to open a URL in a browser select the \u201cOpen the deep link URL in a browser\u201d option. <\/h4>\n\n\n\n
![\"define](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Define-link-behaviour-for-Apple.png\")
<\/figure><\/div>\n\n\n4.5. Android app setup:<\/h4>\n\n\n\n
![\"define](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Define-link-behaviour-for-Android.png\")
<\/figure><\/div>\n\n\n4.6 If you want to track a campaign with UTM parameters or Add social meta tags set up as per firebase documentation otherwise skip \u201dCampaign tracking, social tags and advanced options (optional)\u201d and click \u201cCreate\u201d.<\/h4>\n\n\n\n
![\"Implement](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Implement-firebase-dynamic-links-in-flutter-cta.png\")
<\/a><\/figure>\n\n\n\n4.7. You will get the dynamic link \u201chttps:\/\/itoneclick.page.link\/testing\u201d.<\/h4>\n\n\n
![\"get](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Get-Dynamic-link.png\")
<\/figure><\/div>\n\n\n5. Setup AndroidManifest.xml(Optional)<\/h3>\n\n\n\n
<intent-filter>\n <action android:name=\"android.intent.action.VIEW\" \/>\n <category android:name=\"android.intent.category.DEFAULT\" \/>\n <category android:name=\"android.intent.category.BROWSABLE\" \/>\n <!-- Accepts URIs that begin with YOUR_SCHEME:\/\/YOUR_HOST -->\n <data\n android:scheme=\"https\"\n android:host=\"https:\/\/itoneclick.page.link\" \/>\n<\/intent-filter><\/code><\/pre>\n\n\n\n6. Create a Dynamic Link Inside Your App Using the Following Lines:<\/h3>\n\n\n\n
Future createDynamicLink(\n BuildContext context,\n String title,\n String image,\n String itemId,\n) async {\n bool short = true;\n final DynamicLinkParameters parameters = DynamicLinkParameters(\n \/\/add urlPrefix as per point 3.2\n uriPrefix: 'https:\/\/itoneclick.page.link',\n \/\/add link as per point 4.7\n link: Uri.parse('https:\/\/itoneclick.page.link\/testing\/?id=$itemId'),\n androidParameters: AndroidParameters(\n \/\/android\/app\/build.gradle\n packageName: 'android package name',\n minimumVersion: 0,\n ),\n socialMetaTagParameters:\n SocialMetaTagParameters(title: title, imageUrl: Uri.parse(image)),\n dynamicLinkParametersOptions: DynamicLinkParametersOptions(\n shortDynamicLinkPathLength: ShortDynamicLinkPathLength.short,\n ),\n iosParameters: IosParameters(\n bundleId: 'ios bundleId',\n minimumVersion: '0',\n ),\n );\n\n Uri url;\n if (short) {\n final ShortDynamicLink shortLink = await parameters.buildShortLink();\n url = shortLink.shortUrl;\n } else {\n url = await parameters.buildUrl();\n }\n\n return url.toString();\n}<\/code><\/pre>\n\n\n\n7. Handle Dynamic Link:<\/h3>\n\n\n\n
Future<void> initDynamicLinks() async {\n FirebaseDynamicLinks.instance.onLink(\n onSuccess: (PendingDynamicLinkData dynamicLink) async {\n final Uri deepLink = dynamicLink.link;\n\n if (deepLink != null) {\n \/\/We have added id parameter while creating dynamic link\n \/\/It will help you to find specific item from list and\n String id = deepLink.queryParameters['id'];\n print(id);\n }\n }, onError: (OnLinkErrorException e) async {\n print(e.message);\n });\n\n\/\/To Handle pending dynamic links add following lines\n final PendingDynamicLinkData data =\n await FirebaseDynamicLinks.instance.getInitialLink();\n final Uri deepLink = data?.link;\n\n if (deepLink != null) {\n String id = deepLink.queryParameters['id'];\n print(id);\n }\n}<\/code><\/pre>\n\n\n\n![\"Implement](\"https:\/\/www.oneclickitsolution.com\/blog\/wp-content\/uploads\/2021\/12\/Implement-firebase-dynamic-links-in-flutter-cta-1.png\")
<\/a><\/figure>\n\n\n\nConclusion<\/strong><\/h2>\n\n\n\n
FAQs:<\/strong><\/h2>\n\n\n\n
1. What are Dynamic Links used for?<\/strong><\/h4>\n\n\n\n
2. What is the Firebase Dynamic Links Pricing?<\/strong><\/h4>\n\n\n\n
3. Advantages of Firebase Dynamic Links in Mobile Apps.<\/strong><\/h4>\n\n\n\n
\n