HTML Share to facebook / twitter cut my link

Question

I had to work on my showroom url. When you click on a project, a pop-up is shown with this url :

example.org/en/showroom/#projName

So I changed the url with js blablabla and when I inspect my page, I have what I want for the sharing button. For fb example : http://www.facebook.com/sharer/sharer.php?u=http%3A//example.org/en/showroom/#jaguar

But when I click on the button, the fb pop-up opening has this url : example.org/en/showroom/

This is so weird. Is it not just a string ? Does the '#' messing with it ?

You need to properly URL-encode the parameter value. – CBroe Dec 02 '15 at 13:49 — CBroe, Dec 02 '15 at 13:49

score 0 · Accepted Answer · edited May 23 '17 at 12:30

Check out the built-in function escape(), encodeURIComponent(str) and encodeURI(str).

You have three options:

escape() will not encode: @*/+

encodeURI() will not encode: ~!@#$&*()=:/,;?+'

encodeURIComponent() will not encode: ~!*()'

The character encoding used with escape is variable. So I would stick with encodeURI and encodeURIComponent, which use UTF-8.

1 Answers1