Question

我正在为网站使用Google跟踪代码管理器/分析，下面是一个示例页面，在该页面上触发了代码：

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

点击联系表单上的“发送消息”按钮会触发代码：

现在，我已经执行了该事件的操作，该操作返回了表单发送自该页面的当前页面的URL，但是我想知道是否有可能从页面上的“访问经销商的网站”链接获取href ，因为这样可以更快地了解列表来自哪个经销商。可能仅通过标签管理器就可以做到这一点（如果不可能，只是在“发送消息”按钮上仅带有经销商名称的隐藏数据位）就可以做到这一点，但是我很感谢任何输入。

Answer 1

您当然可以。在我的头顶上，应遵循以下方法工作……

这取决于您是只希望拥有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}}（或其他任何操作）最终命名为datalayer变量），并且该值应为在您的活动中取得成功。

获取经销商名称：

现在假定href格式在整个网站上始终是相同的，那么您可以使用分隔符来分隔它：

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

以上内容将为您提供一个包含字符串“ hitec”的变量。

但是，如果页面路径并不总是遵循相同的格式，这很容易中断，因此最好使用RegEx。

Answer 2

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

我快速浏览了您的网站，我认为您在表单方面遇到了更多问题。

您甚至在不验证表单的情况下触发触发器，这会导致额外的事件。
事件类别，操作和标签可以在组织事件时使用一些工作来帮助您分析数据
您还可以在页面上混合使用gtag.js和GTM代码段，我想这不是正常的做法，通常，GTM就足够了。如果您想更多地聊天，可以通过我的个人资料与我联系。

Google跟踪代码管理器-触发点击代码时，从另一个元素返回href

2 个答案: