我希望能让我的网站用户通过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链接一样 - 图像、文本等),请参见下面的示例。