首页 > 解决方案 > Google AMP:呼叫跟踪动态号码

问题描述

我们有一个使用 Google 的 AMP 工具的页面。

在非 amp 页面上,我们使用 Google Call Tracking 将网站上的号码替换为跟踪号码

在体内,我们设置<body onload="_googWcmGet('number', '{{phone}}')">

我们有很多办公室,所以当有人导航到“圣地亚哥”时,电话变量会发生变化。目前,我们有 45 个办事处正在跟踪。{{phone}}因此,该号码将根据前端呈现的内容自动更改为特定的谷歌跟踪电话号码。

回到 AMP,我看到他们有一个脚本:https ://amp.dev/documentation/examples/components/amp-call-tracking/

它们提供了简短的示例,表明您必须设置config为 JSON 文件,其内容如下:

{
  "phoneNumber": "15559876543",
  "formattedPhoneNumber": "1 (555) 987-6543"
}

然后你只需像这样将标签包装<a>amp-call-tracking标签中:

<amp-call-tracking config="https://amp.dev/static/samples/json/call-tracking-number.json">
  <a href="tel:10001111111">1 (000) 111-1111</a>
</amp-call-tracking>

这一切都很好,但是我怎样才能让它像上面的例子一样工作呢?我需要能够使用不同数量的呼叫跟踪号码,具体取决于用户所在的页面以及最初显示的电话号码。

这是 Google 提供的一个非常静态的解决方案

标签: amp-html

解决方案


推荐阅读