WhatsApp仅使用HTML共享URL链接,通过一段描述性文本。

6

我希望能让我的网站用户通过WhatsApp分享当前的网页链接 (存储在 ViewBag.OgUrl 中)。

WhatsApp 消息应包含 链接标题 (存储在 ViewBag.OgTitle 中),当用户点击该标题时,将打开链接 (存储在 ViewBag.OgUrl 中)。

这需要通过 HTML 而不是 JavaScript 来完成。

标准方式如下:

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

然后只需要简单地执行以下步骤:
 <a href="@urlWhatsapp" target="_blank">WhatsApp Share</a>

这个方案很好,但实际上分享的是URL而不是标题。
举个例子,WhatsApp消息包含实际链接http://example.org/,而我希望它在WhatsApp中显示为:

第一个例子

编辑:如果想要获取标题和链接,只需用以下代码替换即可:
  @{var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgTitle + " - " + @ViewBag.OgUrl;}

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

如果在分享之后但实际发送消息给接收者之前等待一会儿,原始消息上方会出现一个可点击的框(与URL中定义的任何WhatsApp链接一样 - 图像、文本等),请参见下面的示例。

你找到答案了吗? - Arpit B Parekh
4个回答

4

无法按照您想要的方式在WhatsApp上分享链接。 您只能发送带有完整链接的消息,例如http://example.org/,WhatsApp会将其检测为链接。


是的,我使用标准方式。我不确定是否无法命名链接。 - user6099216

1

这个问题是关于基于HTML的过程(没有JS)的。

答案是,目前可以发送文本+链接以被WhatsApp识别。

无法仅发送标题,当单击时将链接到URL本身。

在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://)


1
如何在WhatsApp中创建带有超链接的消息。我想给超链接命名。我通过WhatsApp收到这样的消息。 - Davoud Badamchi
我已经编辑了答案,这是我所知道的最佳类比。如果你应用它,在分享后等待一两秒钟,你将会得到原始文本上方带有链接和描述的一些照片(如果你应用了它),并且这是可点击的,可以跳转到你的链接。 - user6099216

0

尝试:

<a href="https://web.whatsapp.com/send?l=en&phone=+91 0000000000&text=I want to 
order a website" target="blank"></a>

其中0000000000将是您的10位手机号码,而text =将是您的预定义消息。


0

您有两个选项可以通过网站链接向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”。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接