Page 1 of 1

使用 JavaScript 变量获取 LocalStorage 项目

Posted: Wed Jan 15, 2025 5:44 am
by suhasini523
使用保存在 localStorage 中的变量是一种常用做法,当数据层无法完成工作时,它有助于保留一些会话数据以供分析。有时,这些数据可能很简单:用户是否已登录?购物车是否已打开?

编写一些 JavaScript 来获取此信息是可以接受的。事实上,我看到的大多数建议是编写自定义 JavaScript 变量来返回此信息,但内置的 GTM 变量 JavaScript 变量可以为我们完成繁重的工作并为我们节省几行代码。

这是一个从 localStorage 项目“cartOpened”中获取值并报告真或假的很好的例子。



例如,这可以与 Adob​​e Analytics 结合使用来确定何时启动 Open,或者在许多不同的供应商之间执行相同的操作。

如果你正在使用 Document.location,那你就错了
Document.location 是一款非常实用的工具。我 法国号码数据 见过许多人使用它来捕获特定供应商或客户需要的 URL 部分或组合参数,但有一种更简洁、无需代码的方法,您可以轻松地在 GTM 中使用。

gtm 中文件扩展名的屏幕截图

URL 变量将可见 URL 的所有单个部分以及端口分开。我的建议是为这些项目中的每一个创建单独的变量,然后创建 URL 各部分的组合以便于使用,例如在常量变量中创建路径 + 查询字符串。

我想这个技巧不会让你大吃一惊,但是将其放在无代码的内置变量中会更简洁,并且省去了不必要的自定义 JavaScript 变量的需要。

开始优化你的
就是这样。我们希望您喜欢这个关于 GTM 优化的小系列,并至少学到一条技巧 — 您不知道 GTM 可以做的事情,它为您通常需要编写代码的事情提供了一个简单、优雅的解决方案。

对于我们这些喜欢编写代码的人来说,我明白这一点。有时编写一段代码来完成这项工作或花一些时间学习如何用代码解决该问题会更容易、更有趣。从长远来看,如果您充分利用 GTM 的所有内置功能,您将遇到更少的错误,需要做的 QA 更少,并且拥有更简洁、更整洁的实现,在您离开后,不幸的(或幸运的)灵魂可以轻松拾起您的实现来继承它。

对于那些不喜欢编写代码或可能正在努力解决大量使用代码的继承实现的人来说,我们真的希望这可以帮助您以简单的方式解决一些数据收集难题。