时间戳

首页 > 解决方案 > 谷歌标签管理器和单页应用程序：如何读取 DOM 元素？

javascript - 谷歌标签管理器和单页应用程序：如何读取 DOM 元素？

问题描述

我想在我的 GTM 上创建一个变量来存储 DOM 元素。我尝试了自定义 javascript，例如：

function(){
  return document.querySelector('.room__price-value').innerText;
}

但是什么都没有，在 GTM 预览中我总是看到 NULL。我认为问题出在单页应用程序上。我不能让程序员参与进来。

有什么建议么？谢谢

标签： javascriptdomsingle-page-applicationgoogle-tag-manager

解决方案

  1. 确保在预览时检查左侧每个事件的变量值。
  2. 确保当您document.querySelector('.room__price-value').innerText;在控制台中执行时，您实际上得到了您期望的结果。
  3. 更改代码，直到在本地控制台中获得结果。
  4. 正如 Eike 在评论中提到的那样，确保你的时机很好。

你在那里做的似乎是对的。当前端开发人员不可用时，这几乎就是您在 GTM 中进行 DOM 抓取的方式。如果这些建议仍然对您不起作用，请向我们提供有关您正在做什么、您的 DOM 看起来如何、您的调试显示什么等的更多信息。尽可能多的潜在有用的上下文。

推荐阅读