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

【问题标题】：WhatsApp use only html to share url link by a descriptive textWhatsApp 仅使用 html 通过描述性文本共享 url 链接
【发布时间】：2018-01-17 11:32:54
【问题描述】：

我想让我的网站用户通过 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 链接 - 图像、文本等）。根据 - 见下面的例子）

【问题讨论】：

你找到答案了吗

标签： html share href whatsapp

【解决方案1】：

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

【讨论】：

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

【解决方案2】：

关于基于 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://）

【讨论】：

如何在 whatsapp 中创建带有超链接的消息。我想给超链接起个名字。我通过whatsapp收到这样的消息。
我已经编辑了我所知道的最佳模拟的答案。如果您应用此功能，并在共享后等待一两秒钟，您将在原始文本上方显示链接描述 + 一些照片（如果您应用了它），这是可单击以访问您的链接

【解决方案3】：

试试：

<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= 将是您预定义的消息。

【讨论】：

【解决方案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”。

【讨论】：