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

Question

我想让我的网站用户通过 WhatsApp 共享当前网页 url(存储在 ViewBag.OgUrl 中)。

WhatsApp 消息应包含 url 标题(存储在 ViewBag.OgTitle 中)，单击该标题将打开 url(存储在 ViewBag.OgUrl 中)。

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

标准方法是:

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

然后简单地:

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

除了共享实际 url 而不是标题这一事实之外，这很好用。

例如，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>

如果在共享之后等待，但在实际将消息发送给收件人之前，原始消息上方会出现一个可点击的框(对于任何带有 url 中定义的内容的 whatsapp 链接 - 图像、文本等，根据 - 见下面的例子)

Answer 1

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