Dynamic Links

Firebase Dynamic Links Custom Domain [Visual Tutorial]

Pinterest LinkedIn Tumblr



Custom made things are cool, ain’t? ๐Ÿ˜‚

The custom domain feature of Firebase Dynamic Links is also cool that helps in:

  • Branding
  • SMS marketing
  • Email marketing
  • SEO

More.

But, Waqas, how SEO?

You can use the deadly combination of Firebase hosting and Firebase Custom Domain to connect with each to make your website blazing fast.

I’ve seen websites that use the tactic and rank well on Google. I’ll soon write on the topic in detail.

Normally, Firebase gives a page.link domain that looks spammy and dirty to eyes, doesn’t it?

But the perception changes as you attach the custom domain since you can make a link that is professional and builds credibility and trust.

https://example.com/link-suffix
https://example.com/links/promos/link-suffix
https://links.example.com/link-suffix
https://ex.amp.le/link-suffix

Note: You need to attach the custom domain to Firebase hosting for usingย  Firebase Dynamics, explained in this article.

Setting Up a Custom Domain in Firebase Console.

I spent a few dollars to purchase a domain, firebasetesting.website, from NameCheap just for the sake of writing this tutorial. ๐Ÿคฃ

For easy understanding, I’ve divided into two parts:

1. Setting Up Hosting for Dynamic Links

First, go to Firebase Hosting on Firebase Console and select your project or create a new project if you haven’t created a project yet.

Don’t know how? Read how Firebase works.

custom domain Firebase hosting

Then enter the domain name that you just purchased or any existing domain. You can also use free domains.

Enter custom domain Firebase hosting

Afterward, you have to verify the ownership of your domain. To do this, just copy the TXT record and paste it inside your DNS provider.

Verify domain ownership in firebase console

I use Namecheap.com, so I’ve added this information in the Advance DNS section.

Add txtRecords in Namecheap

It may take up to 24 hours to propagate the data approximately.

In my case, it took 10 minutes.

Want to make it instant? Use Cloudflare that makes DNS propagation stunningly fast.

After that, go to the Firebase Console and click Verify.

Now copy the A Records, as shown in the image below.

Add Records in Namecheap

And paste into Namecheap.com in the same way we added in the Advance DNS, but as A Records.

Here you can see I’ve added four records.

All Records in NameCheap

Two records with the host value of (@) and two records with the host value of (www).

The reason is that some companies register A Records with the host value of (@), and some companies register A records with the host value of (www). That’s why I’ve added both types of records to avoid confusion.

Did you know? @ means your website name.

After adding all the A records, go back to the Firebase Console and click Finish.

If you are facing any problem, don’t forget to ask a question in the comment below, you’ll be responded quicker than any support.

2. Dynamic Links of Firebase Console

Open Dynamic Links and select your project.

Now, if you haven’t used Firebase Dynamic Links before, then click Get Started.

And click on Add URL prefix from the top drop-down menu.

Custom domain dynamin links add url prefix

Now complete the setup wizard as I did in Part 1.

Enter your custom domain name and click Continue.

Enter custom domain in Firebase Dynamic links

Then select the Firebase Hosting portion and click continue.

Custom Domain dynamic links with Firebase Hosting

Now you’ve already verified your domain in the domain registrar, in my case, is Namecheap.com, which we already did in Part 1. Click Continue and then click Finish.

Next, your domain is attached in the Firebase Console, as you can see in the image below.

Custom Domain in Firebase console

Now your custom domain is attached to your Firebase account. Afterward, you can create more dynamic links for this domain as well.

Don’t forget to ask a question below, we feel happiness when someone asks a question.

Advertisements
W3Schools
Author

Hi there! I am Founder at FirebaseTutorials and AndroidBull. My skills include Android App Development. If you have any idea that you would want me to develop? Letโ€™s talk: waqas@firebasetutorials.com