{"id":211,"date":"2022-03-26T13:48:51","date_gmt":"2022-03-26T08:18:51","guid":{"rendered":"https:\/\/www.codezma.com\/?p=211"},"modified":"2022-03-26T13:48:52","modified_gmt":"2022-03-26T08:18:52","slug":"google-dynamic-links","status":"publish","type":"post","link":"https:\/\/www.codezma.com\/blogs\/php\/google-dynamic-links\/","title":{"rendered":"Google Dynamic Links"},"content":{"rendered":"\n

Hello guys, After a long time we are back with another useful blog. As you guys see in the banner image and title, in this blog we are going to learn about Dynamic Links. How dynamic links work, advantage of dynamic links, implementation of dynamic links and finally how we can easily implement the dynamic links for facebook and other ads. So let\u2019s get started\u2026.<\/p>\n\n\n\n

1. Introduction <\/h2>\n\n\n\n

Dynamic links is a very hot topic nowadays. Dynamic links provide support to open mobile applications directly from a web link. Yes, you can open your mobile application directly through a simple link. Very cool isn\u2019t it ? Google Firebase introduced this kind of mainstream in early 2012 and gave it the name \u201cDeep Links\u201d. This is the same mechanism introduced by Apple and they call it \u201cUniversal Links\u201d. Universal links will open the application installed in apple devices like iPhone, iPad.<\/p>\n\n\n\n

Now, how can I use a single link for android users and iOS users ? What if we have an android and iOS application and we need to redirect into the respective apps. This blog will help you to implement this\u2026so keep reading ?<\/p>\n\n\n\n

2. Why we need dynamic links<\/strong><\/h2>\n\n\n\n

Dynamic links are very useful for marketing and advertising as best practices. You can use the same mechanism as a sharing feature. Let\u2019s take an example of a coupon app where customers can see the list of coupons and share coupons with their friends. So here one customer will share a coupon link over WhatsApp and his friend will click on the link and that link directly opens the coupon app with the exact same coupon. So no need to search for that particular coupon. This is how you can use the dynamic links.<\/p>\n\n\n\n

You can do email marketing and place the link which opens the application and directly redirect users to the specific coupon.<\/p>\n\n\n\n

Now you must be thinking what if I run a marketing campaign and some customer didn\u2019t have a mobile app installed on their devices. So here you can tweak your link in such a way that if a mobile application is installed then open the link otherwise open the App\/Play store and ask the customer to install. Once they install the application and click on the \u201cOpen\u201d button that button will redirect your customer to the same screen where he\/she can see the coupon.<\/p>\n\n\n\n

Now again you think like what if I open the link into a laptop not on mobile. Here again dynamic link helps us, first it will check whether the link is open into mobile device or laptop. If a customer opens the link into the laptop, you can redirect the customer to your webpage. Yes ? the perfect marketing solution. I hope now we are excited about how we can implement this so let\u2019s check how we can implement this cool feature\u2026.<\/p>\n\n\n\n

3. Implementation<\/h2>\n\n\n\n

For implementation purposes I\u2019ll use Laravel (PHP) as my backend for generating the dynamic links using Firebase REST API. After that I\u2019ll add code for handling the android and iOS application when a customer clicks on the link. <\/p>\n\n\n\n

For generating the Dynamic Link you need a firebase console account. From the firebase console firstly you need  to create a project. You need to add your application details like package name, SHA Keys and other related stuff. Once you create the project and add your application into the same project, you need a web API key and you can get that from the Authentication section and save that key into your environment (.env) file.<\/p>\n\n\n\n

Now you can go dynamic link section where you found that one default domain was create named codezma.page.link<\/a>  you can add your custom domain here but for you need to verify your domain with a keys provided by google and need to set A Records as per given instruction by firebase console. After that you can set base URL like share.codezma.com<\/a> (which looks slightly professional as per my thought). Here you can add multiple like offers.codezma.com<\/a> or invite.codezma.com<\/a> based on your requirement.<\/p>\n\n\n\n

Till here you have your application ready with your custom domain now you need to add code to generate the dynamic link. <\/p>\n\n\n\n

<?php \n$dynamicLinkData = [\n    'dynamicLinkInfo'   =>  [\n        'domainUriPrefix'   =>  \"https:\/\/share.codezma.com\",\n        'link'              =>  \"https:\/\/www.codezma.com\/share\/pizza\/pz-50\/buy-one-get-one-free\",\n        'androidInfo'       =>  [\n            'androidPackageName'    =>  \"com.codezma.app\",\n            'androidFallbackLink'   =>  \"https:\/\/www.codezma.com\/share\/pizza\/pz-50\/buy-one-get-one-free\",\n        ],\n        'iosInfo'                   =>  [\n            'iosBundleId'           =>  \"app.codezma.com\",\n            'iosAppStoreId'         =>  \"YOUR-APP-STORE-ID\",\n            'iosCustomScheme'       =>  \"codezma.firebase.schema\",\n            'iosFallbackLink'       =>  \"https:\/\/www.codezma.com\/share\/pizza\/pz-50\/buy-one-get-one-free\",\n        ],\n        'navigationInfo'    =>  [\n            'enableForcedRedirect' => \"TRUE\"\n        ],\n        'socialMetaTagInfo'   =>  [\n            'socialTitle'           =>  \"Get 50% Off\",\n            'socialDescription'     =>  \"Are you hungry? Get second pizza absolutely free by using this link\"\n            'socialImageLink'       =>  \"https:\/\/www.codezma.com\/wp-content\/uploads\/2022\/03\/Pizza-scaled.jpeg\"\n        ]\n    ],\n    'suffix'            =>  [\n        'option'    =>  \"SHORT\"\n    ]\n];\n\n$url = \"https:\/\/firebasedynamiclinks.googleapis.com\/v1\/shortLinks?key=<YOUR-API-KEY-FROM-FIREBASE-CONSOLE>\";\n$headers[] = \"Content-Type:application\/json\";\n$response = fireCURL( $url, \"POST\", json_encode($dynamicLinkData), $headers );\nreturn $response;\n\n\/**\n * ------------------------------------\n * Expected Response\n * ------------------------------------\n * You will get a short link and a debug link in response.\n * Debug link will help you to debug the firebase redirection\n * Short link will the actual dynamic link\n *\/<\/pre>\n\n\n\n
By implementing the above code you will get your dynamic link ready. (If you performed the proper steps). As you see in the code you need to pass a link for where you want your user to get redirected, you need to pass android & iOS package name and iOS application also. One more thing you need to set up the iOS is custom scheme. You need to add the custom scheme into your plist file in iOS and for android you need to add the scheme information into schema.<\/p>\n\n\n\n
Now here we have our domain ready, we have our dynamic link ready and we have our application ready. Now when we create the dynamic link it\u2019s necessary to add fallbackUrl for android and iOS because that will help if someone directly opens the link from the browser. Here firebase will identify the browser and OS details and based on that open the application or respective app\/play store. Fallback URL will work when Firebase is not able to open the application.<\/p>\n\n\n\n
We created the link now to handle that link into the iOS, android & web. So let\u2019s start with a very simple web application. In the Laravel application I\u2019ll add a route where I can open the weblink. For example I\u2019ve created one dynamic link for pizza-offer then by requested URL would be \u201chttps:\/\/www.codezma.com\/pizza\/pz-50\/buy-one-get-one-free<\/a>\u201d and for this base URL by dynamic maybe like \u201chttps:\/\/offers.codezma\/k319r<\/a>\u201d.  So when any customer click on the link first firebase will open the application if user is one andoird\/iOS if application was not installed then customer will redirected to the app\/play store and install the app and from that app\/play store customer open clicks on open then it\u2019ll show a dedicated page in application will all details. Here you might think how will the application know which API it needs to call and fetch the record ?. <\/p>\n\n\n\n
No need to get confused, codezma will help you to sort these details as well. When a customer clicks on the link and our application will open you get the completed base (requested) URL from delegating methods which are mentioned in the code. So the base(requested) URL structure will be link domain \/ category \/ id \/ text. So the app team will easily get the ID from the requested URL, in our example pz-50 was the ID of offer. Now they pass the ID in API and get all the information easily ?.<\/p>\n\n\n\n
Now, If a customer opens the same link into a laptop or computer then it\u2019ll redirect to my based(requested) URL and be able to see a dedicated web page with all details.<\/p>\n\n\n\n
I hope you guys can understand the working and implementation of firebase dynamic link. You can also track the details in firebase analytic if you added the code for the same.<\/p>\n\n\n\n
Here is not the actual end \u274c if you want to share the dynamic link WhatsApp, Mail, Text then this flow will work but if you want to share the dynamic link on Facebook or Instagram through post or through marketing campaign then this will not work properly. So to make things happen you need to read the last step for implementing dynamic links with Facebook AD.<\/p>\n\n\n\n