Favicon not working

  • 1 February 2018
  • 38 replies
  • 206 views

I can’t get my Favicon to work. I’ve followed the guide in the Community pages here. I can’t figure out what’s wrong.

I used script tags, and then I tried removing them, it’s in the header. I’ve tried adding it to individual pages and to my script manager. Neither works.

<link rel="icon" type="image/x-icon" href="https://www.canuckplace.org/drive/uploads/2017/09/favicon.ico />

38 replies

Hey @Lizzmoffat!

Looks like you’re just missing a closing quotation at the end of your href URL.

<link rel="icon" type="image/x-icon" href="https://www.canuckplace.org/drive/uploads/2017/09/favicon.ico" />

Should do it for you!

Still nothing… I applied it to the Script manger and have tried seeing if it comes up on a few different pages now.

Example: https://www.canuckplace.org/cookbook-download/

Ah, took a quick peek at your page’s source code. It looks like the <link> tag is still surrounded by <script> tags. Try removing those <script> tags to see if that does the trick!

YESSSS. Thank you!

Hey guys, I facing the same issue - I don’t have script tags but still can’t get this to work.

I’ve got this link from a favicon generator site after creating my favicon.

Userlevel 7
Badge +3

Hi @Rich1,

It would be easier to troubleshoot your issue if we get a link to your page.

However, based on your post, you have to make sure you are hosting your favicon on your own server.

Best,
Hristian

Hi guys,

I inserted my favicon in all of my unbounce pages using the Script Manager. The favicon seems to work on all of the pages except this one: https://instituteforinfluence.com/online-training-10-hidden-differences/

Why? 😫
I tried inserting in the page Javascripts section as well, still not working.

Thank you for your help, it is greatly appreciated!
Teo

Hi guys, my favicon not working as well even I had try few different code there 😔
http://embroidery.brother.com.my/staging/

Userlevel 7
Badge +4

Hi Jeffery, can you share the exact code you placed in the JavaScript section of you page when adding your Favicon?

Userlevel 7
Badge +3

Hi @Jeffrey_Lim,

The favicon file should be placed on a server you control so you can give the necessary permissions for the file to load when called from an Unbounce page.

It seems your current place of hosting the favicon doesn’t allow external loading of images as do most free image hosting sites.

Best,
Hristian

Weird…is still not working even I use my own server.

I found one of my javascripts have favicon script as well and it work after I remove it, thanks.

Is it at all possible to host the image on a third party image hosting service? I ask because my main website is hosted at Wix. I can’t get the favicon to appear. The image is hosted here: https://ibb.co/r7x71FD

Userlevel 7
Badge +4

Hi Seth, for that Favicon, you need to use the URL that points directly to the actual PNG file. This is it: https://i.ibb.co/QbPb1py/Favicon.png

Try that and it should work.

That worked! Thank you so much!

Userlevel 7
Badge +4

Glad to hear that! 🙌

Hi there,
Hoping someone can help me with my favicon on my landing page.
I have uploaded the following link to my javascript:

< link rel=“icon” type=“image/x-icon” href=“https://i.ibb.co/f4rCPTh/s-3.png” / >

Can anyone see why it wouldn’t be working?
Thanks!

What script was it?

The favicon script at Skytomato able to use in brother embroidery? Is it the same script?

Userlevel 4
Badge

Hi @Acelyn ,

 

Thanks for your question. Just to confirm, do you wish to add the Skytomato favicon to your Unbounce pages?

 

If so, the script you would need to add is:

 

<link rel="icon" type="image/x-icon" href="https://www.skytomato.my/wp-content/uploads/2021/10/skytomato-logo-icon-v5-150x150.png" />

I hope this helps!

Hi @Acelyn ,

 

Thanks for your question. Just to confirm, do you wish to add the Skytomato favicon to your Unbounce pages?

 

If so, the script you would need to add is:

 

<link rel="icon" type="image/x-icon" href="https://www.skytomato.my/wp-content/uploads/2021/10/skytomato-logo-icon-v5-150x150.png" />

I hope this helps!

Thank you for answering my confusing question. Yup, i will try to use the script

<link rel="icon" type="image/x-icon" href="https://www.skytomato.my/wp-content/uploads/2021/10/skytomato-logo-icon-v5-150x150.png" />

Hi there,
May someone can help me with my favicon on my landing page.

I've saved the javascript in the landing page unbounce :
<link rel="icon" type="image/x-icon" href="https://imgur.com/a/LLM8wqS.png" />

Can anyone see why it wouldn’t be working?
 

Userlevel 4
Badge

Hi @otw bersih . Thanks for getting in touch here on the Community.

 

At first glance, there doesn’t seem to be anything wrong with this script, and the imgur URL is working. I tested the script with a test page and it loads for me just fine.

 

Could you let me have the URL of your page and I’ll happily take another look?

Badge

Hey @otw bersih 

 

Taryn from Unbounce support here 👋

 

For the script to work, you’ll need the actual image URL itself, which you can get if you right click and “Open Image in New Tab”. I did this for the image in your URL above so the URL should be:

https://i.imgur.com/6vyze1y.png

 

If you update your script to:

<link rel="icon" type="image/x-icon" href="https://i.imgur.com/6vyze1y.png" />

 

It should work as expected for you 😄

 

Cheers, 

Taryn 

Hey @otw bersih 

 

Taryn from Unbounce support here 👋

 

For the script to work, you’ll need the actual image URL itself, which you can get if you right click and “Open Image in New Tab”. I did this for the image in your URL above so the URL should be:

https://i.imgur.com/6vyze1y.png

 

If you update your script to:

<link rel="icon" type="image/x-icon" href="https://i.imgur.com/6vyze1y.png" />

 

It should work as expected for you 😄

 

Cheers, 

Taryn 

Hi @Taryn_Lomas ,

thank you for response 

I’ve already republished with your URL but the favicon is still not working  

Best Regards,

OTW bersih

Reply