添加重定向到 Tel 链接答案

【问题标题】：Add a redirect to a Tel link添加重定向到 Tel 链接
【发布时间】：2016-04-28 10:04:45
【问题描述】：

我们正在使用电话链接（例如<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>），以便人们可以通过他们的设备给我们打电话。我们怎样才能让链接重定向到带有跟踪像素的另一个页面，以便我们可以将电话呼叫作为转化来衡量？

【问题讨论】：

您可以尝试将其链接到一个页面，然后将tel: URL 分配给location.href。或者为链接设置一个点击处理程序，通过 JavaScript 触发跟踪（大多数跟踪服务都提供这样的选项。）
点击处理程序是最明显的解决方案。

标签： html redirect hyperlink tel

【解决方案1】：

如果您将像素作为 img，那么您可以按如下方式进行跟踪：

<a href="tel:+1-303-499-7111" onclick=trackPixel()>+1 (303) 499-7111</a>

function trackPixel() {
  const pixelURL = `https://static.pixel.com/ase/25565/1553/aa.js`;
  new Image().src = pixelURL;
}

这将在用户点击电话号码时触发 URL。

【讨论】：

【解决方案2】：

如果你想一次做 2 个重定向，你需要做一些脚本代码

<a onClick="makeCall()">+1234567890</a>

脚本是

function makeCall(){
  window.open('_link is here_', '_blank'); 
  window.open('tel:+1303499-7111', '_parent'); 
}

【讨论】：

在回答一个老问题时，如果您包含一些上下文来解释您的答案如何提供帮助，那么您的答案将对其他 StackOverflow 用户更有用。请参阅：How do I write a good answer。

【解决方案3】：

它实际上适用于您使用 tel:// 您所要做的就是创建一个 call now 链接，该链接转到您的脚本以跟踪呼叫，然后重定向到 tel:// 链接

这是我的测试会话中的示例标题。

Connection: Keep-Alive
Content-Length: 0
Content-Type: text/html; charset=UTF-8
Date: Thu, 21 Nov 2019 20:24:08 GMT
Keep-Alive: timeout=5, max=100
Location: tel://5551212
Server: Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/5.6.40
X-Powered-By: PHP/5.6.40

【讨论】：