whatsapp sharing button- share url is incorrect

Question

I am adding share button in my website, and my share URL has some parameters. However, on phone extra parameters in the URL are ignored.

my button :

<a class='whatsapp-icon' href='whatsapp://send?text=https://www.exmaple.com/#/lat=10.11,long=20.11'></a>

When I open this link in webpage link it open fine with all parameters, but on the phone link comes as just www.exmaple.com and parameter '#/lat=10.11,long=20.11' is ignored in share window.

This is angular 1.xx webpage where share button is present.

score 1 · Answer 1 · answered Mar 14 '18 at 07:22

1

LATEST WAY TO DO THIS

<a *ngIf="isWhatsAppIconVisible" href="https://api.whatsapp.com/send?text=check out this link : {{shareableUrl}}" data-action="share/whatsapp/share">
    <img src="assets/whatsapp.png" alt="whatsapp" /> 
</a>

answered Mar 14 '18 at 07:22

kumar kundan

1,968
1
26
40

The question was for AngularJS, not Angular – Jonathan Brizio Mar 19 '18 at 21:01

score 0 · Answer 2 · edited May 23 '17 at 11:46

0

You need to sanitize anchor href. Here you can find a solution for your problem:

Whatsapp Sharing in AngularJS

Keep rocking!

edited May 23 '17 at 11:46

Community

1
1

answered Mar 22 '17 at 02:11

Jonathan Brizio

928
1
12
28

@kumarkundan: then what's the most up to date way to achieve this? – Hassan Baig Mar 11 '18 at 14:11

whatsapp sharing button- share url is incorrect

2 Answers2