Javascript 谷歌标签管理器在点击按钮时未运行弹出警告框

我需要跟踪一些内容在一个网站上使用谷歌标签管理器。我是个新手，所以任何帮助都将不胜感激

我有一个按钮，如下所示：

<input type="button" name="purchase" id="btnPurchase" value="Buy now">

单击

Confirm

将更改

div

，一个

Javascript

警报框将显示内容

单击按钮时，页面根本不会刷新，全部通过

Javascript

和

Ajax

完成

我们遇到的问题是，google tag manager没有运行从容器获取数据的函数。这可能是因为DOM还没有被服务器的响应更新。换句话说，当点击按钮并运行GoogleTagManager时，这个容器仍然是空的

我们刚刚使用了

点击

触发器来检查按钮

id

，并且

类

处于活动状态

单击按钮后，是否有任何方法可以延迟运行自定义变量？或者我们可以使用更好的触发器？可能是触发警报的触发器

我们只是使用了一个点击触发器来检查按钮id和类是否处于活动状态

有没有什么方法可以延迟自定义变量的运行时间 按钮被点击了吗？或者我们可以使用更好的触发器？也许是 触发警报弹出的触发器

当我需要自定义JS变量以在单击按钮后执行时，我遇到了类似的问题。我发现两个解决方案都需要使用自定义HTML标记

因此，我使用了一个自定义HTML标记，在单击按钮时执行javascript函数。我也这样做了

$("#button").onclick(function(){

      // Insert code here
      // Execute variable here

})

另一个选项是使用自定义事件作为触发器。一个问题是，我不得不使用不同的触发器，因为GTM中的marcos执行得很快。所以我所做的就是使用一个自定义HTML标记。然后在函数执行后，我将一个变量推入数据层

我需要的是在单击按钮时收集一个值，但在我可以使用自定义代码收集该值之前，GTM标记会触发。所以我所做的就是使用自定义事件。像这样

function executeCode (){
   var collect = $("div").text();
   dataLayer.push('collectEvent':collect);
   dataLayer.push('event':'varaibleCollect');
} executeCode();

---

因此，我所做的是在将自定义事件触发器“variableCollect”推送到数据层时将我的标记绑定到激发。因此，我的变量collect将位于数据层中

唯一的问题是，我们根本不允许更改网站，所以我们必须使用已有的内容。您可以使用GTM的自定义HTML标记在页面上添加一些javascript代码吗？我将在回去工作时查看这些内容。@ShaneVanWyk情况如何？也许可以尝试在自定义变量中添加延迟函数？

$("#button").onclick(function(){

      // Insert code here
      // Execute variable here

})

function executeCode (){
   var collect = $("div").text();
   dataLayer.push('collectEvent':collect);
   dataLayer.push('event':'varaibleCollect');
} executeCode();