页面行动前的GTM触发事件如何?

时间:2019-03-11 09:22:44

标签: javascript google-tag-manager

我有一个简单的页面,该页面的URL为https://www.myshop.com/user/quickact,而html看起来像:

<input id="pid" />Keyin Product ID
<input id="count" />Keyin product count
<a id="addList" href="javascript:void(0);" class="buttonAction">Add to List</a>
<!--some external js file handle click event for this link-->

当用户单击超文本[添加到列表]时,我的页面将:

  1. 获取pid / count值,放入javascript数组中。
  2. 用''重置pid,用1'重置计数。

我现在在GTM中所做的事情是:

  1. 当PageURL包含“用户/快捷方式”
  2. 用户点击了ID为“ addList”的链接
  3. 获取pid /计数值,然后通过GTM标签将其发送到GA。

这是我在GTM的自定义变量中阅读它们的方式

function()
{
  var pid=document.getElementById('pid').value;
  var count=document.getElementById('count').value;
  return pid+','+count;
}

我的问题是,GA事件确实触发了,但是值...我的自定义变量始终返回',1'。

这意味着我的GTM标签在页面操作后触发,因此它只能读取重置值,而不能读取用户键入的实际值。

任何人都可以提出解决建议吗?

1 个答案:

答案 0 :(得分:0)

我不确定是否有解决方案来控制多个事件的执行顺序,但是一种解决方法是为GTM提供具有相同功能的必需数据,您将使用该数据来获取值并进行重置他们。假定您已控制此代码。

您可以执行以下操作:

function yourFunctionForButtonClick() {

  //Your code to get pid/count value, put into a javascript array.

  //new code to provide data to GTM
  dataLayer.push({
    event: 'newPidProvided',
    pidcountvalue: pid + ',' + count
  }); 

  //Your code to reset pid with '', reset count with 1'.

}

在这种情况下,您需要设置GTM触发器以侦听newPidProvided事件(而不是单击),同时仍要检查URL中是否存在“用户/快捷方式”。 (如果没有其他标记或触发器在其他页面的GTM中使用pid + count,则也可以在函数中完成此操作。)您还必须使用dataLayer变量而不是自定义JavaScript类型。