WhatsApp仅使用html通过描述性文本共享URL链接

Question

我想让我的网站用户通过WhatsApp分享当前网页网址（存储在ViewBag.OgUrl中）。

WhatsApp消息应包含 url title （存储在ViewBag.OgTitle中），点击后将打开URL（存储在ViewBag.OgUrl中）。

这需要通过没有js的html来完成。

标准方式是：

 @{
    var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgUrl;
  }

然后简单地说：

 <a href="@urlWhatsapp" target="_blank">WhatsApp Share</a>

除了实际的网址是共享的而不是标题之外，这种方式还可以。

例如，WhatsApp消息包含实际链接http://example.org/，而我希望它在WhatsApp中显示：

First example

编辑：如果想要获得标题，链接只需用以下代码替换代码：

  @{var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgTitle + " - " + @ViewBag.OgUrl;}

<a class="fa fa-whatsapp" href="@urlWhatsapp" target="_blank"></a>

如果在共享之后等待，但在实际将消息发送给收件人之前，原始邮件上方会出现一个可点击的框（如同网址中定义的任何whatsapp链接一样 - 图像，文本等。根据 - 见下面的例子）

Answer 1

无法以您希望的方式在WhatsApp上分享链接。您只能发送包含http://example.org/等完整链接的邮件，WhatsApp会将此检测为您的链接。

Answer 2

关于基于html的程序（没有js）的问题

答案是，此时，可以发送文字+链接以供WhatsApp识别。

不可能只发送一个标题，当点击该标题时，该标题将链接到网址本身。

html中的语法是：

    @{var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgTitle + " - " + @ViewBag.OgUrl;}

    <a class="fa fa-whatsapp" href="@urlWhatsapp" target="_blank"></a>

其中@ ViewBag.OgTitle是标题，@ ViewBag.OgUrl是完整的URL（包括http：//或https：//）

Answer 3

尝试：

A

A将是您的10位数手机号码。和text =将是您的预定义消息。

Answer 4

您有两种选择可以从您网站上的链接向 Whatsapp 发送消息。

第一个...

<a href="https://wa.me/5579XXXXXXXXX"><i class="fab fa-whatsapp"></i> +55 (79) XXXXX-XXXX</a>

第二个，带有预定义的文本...

<a href="https://wa.me/5579XXXXXXXXX?text=I'm%20interested%20to%20know%20more%20about%20your%20job."><i class="fab fa-whatsapp"></i> +55 (79) XXXXX-XXXX</a>

• 您无需在号码中添加“+”（加号）。
• 要在文本中留出空格，您需要在单词之间使用“%20”。