谷歌标签管理器-当点击标签被触发时,从另一个元素返回href



我正在为一个网站开发谷歌标签管理器/分析,这里有一个标签被激发的示例页面:

https://www.forktrucktraders.co.uk/listings/refurbished-combilift-multi-directional-gas/

当点击联系表格上的"发送消息"按钮时,标签会被触发:

https://i.stack.imgur.com/SRxT0.jpg

现在,我已经得到了活动的操作,返回了表单发送的当前页面的URL,但我想知道是否可以从页面上的"访问经销商网站"链接获取href,因为它可以更快地了解列表来自哪个经销商。仅仅通过Tag Manager(如果不可能只是一个隐藏的数据,"发送消息"按钮上只有经销商的名字)实现这一点的可能性很小,但我很感激任何输入。

当然可以。在我的脑海中,应该有以下内容。。。

这取决于你是喜欢只拥有url还是将其进一步分解。

仅URL:

在GTM 中的自定义HTML标记中创建以下内容

<script>
//This selects your desired href:
var dealerURL = document.querySelector(".stm-dealer-image-custom-view a").href;
//This pushes the value into the dataLayer temporarily for use later:
window.dataLayer.push({
event: 'formSubmit',
dealer: dealerURL
})
</script>

理想情况下,这应该在所有列表页面的页面加载时触发。

  • 接下来创建dataLayer var类型的新用户定义变量在对应于经销商的GTM中,这将存储要在您的活动中成功晋级
  • 现在只需将您的活动操作更改为{{dealer}}(或您最终命名了数据层变量),并且该值应该是在您的活动中成功晋级

获取经销商名称:

现在假设href格式在整个网站上总是相同的,你可以用一个分隔符来分隔:

var dealerURL = document.querySelector(".stm-dealer-image-custom-view a").href;
var dealerSplit = dealerURL.split("/");
var dealer = dealerSplit[4];

上面会给您留下一个包含字符串"hitec"的变量。

然而,如果页面路径不总是遵循相同的格式,则很容易出现这种情况,因此最好使用RegEx。

要回答您的特定问题,您需要创建一个变量来针对包含经销商网站url的特定链接元素。最简单的方法可能是向<a>元素添加一个id,并在GTM中创建一个变量来跟踪它

我快速浏览了你的网站,我认为你在表格上有更多的问题。

  1. 即使在没有验证表单的情况下触发,也会导致额外的事件
  2. 事件类别、操作和标签可能需要一些组织工作来帮助您分析数据
  3. 页面上还有gtag.js和GTM片段的混合,我想说这不是正常的做法,通常情况下,GTM就足够了。如果你想聊更多,可以通过我的个人资料与我联系

最新更新