Google 跟踪代码管理器中的 DOM 元素变量

发布时间:2021-08-16更新日期:2020 年 9 月 18 日。在这篇博客中,我已经发布了关于各种 Google Tag Manager 变量的文章,例如自动事件变量、URL 变量、未定义变量等。但是还有一个在这里没有得到太多宣传的,DOM 元素变量。这是因为他需要技术知识,而我不是他最大的粉丝(因为他的脆弱)。那些阅读我文章的人都知道,我一直主张在数据层中拥有数据,而不是试图从网站上删除一些东西。然而,并不是所有的项目都是完美的,也不是所有的项目都有专门的开发资源。因此,我们最终可能会抓取 DOM 或在触发器中使用 CSS 选择器。这就是为什么我认为您应该始终知道 DOM Element 变量是什么以及如何使用它。内容DOM 的快速介绍在 Google 跟踪代码管理器中配置 DOM 元素变量如果没有身份证怎么办?进入 CSS 选择器区域如何测试你的 CSS 选择器风险DOM 元素变量与自动事

件变量有何不同?最后的话在我们继续

之前:Google 跟踪代码管理器中级课程也深入介绍了该主题。DOM 元素变量是中级 Google 跟踪代码管理器用户经常忽略(或只是意外忽略)的特性之一。这就是为什  厄瓜多尔电话号码 么我创建了一个中级谷歌标签管理器课程,它将把你的标签管理提升到一个全新的水平(发现 GTM 的潜力)。报名参加 Google 跟踪代码管理器中级课程视频教程如果您更喜欢从视频中学习,这里有一个教程将教您如何使用 DOM 元素变量。DOM 的快速介绍为了理解 GTM 中的 DOM 元素变量是什么,首先你必须至少对 DOM 的一般含义有一个非常基本的了解。文档对象模型(又名 DOM)是网站文档的动态树状分层表示。它允许操作网站文档,获取当前网站元素的值,添加新元素,修改或删除现有元素。如果您访问任何网站并打开其源代码(例如,Chrome (WIN) 上的 CTRL+U),您将看到该页面的 HTML。它是开发人员编写

的代码,以使网站成为现在的样子。但它看起来不

厄瓜多尔电话号码

是很有活力,不是吗?但是,如果您返回同一个网站并打开开发人员工具(Windows 上的 Chrome:按 F12,Mac 上的 Chrome:Command+Option+I),您将看到网站代码的更动态表示。否则,切换到元素选项卡。有可以展开或折叠的节点(通过单击黑色三角形),许多节点有子节点可以有自己的子节点,节点可以有多个子节点,等等。它是网站文档的树形结构形式的动态表示。您正在此处检查 HTML DOM。正如我之前提到的,DOM 不仅允许查看/检查网站元素,还允许操作它们。在 DOM 中编辑节点最简单、最实用的方法是双击某个节点,然后编辑其值或删除/编辑/添加元素的属性。但它不是非常可扩展和有用的。相反,应该有更好的方法来做到这一点,对吧?是的。DOM 支持大量允许开发人员(以及您,如果您足够熟练的话)添加、修改、删除元素的方法。至于读取值, “some_id”)方法将返回与some_id id匹配的第一个网站元素。在下面的屏幕截图中,您可以看到命令(第 1 行)和返回的项目(第 2 行)

Leave a comment

Your email address will not be published.