GTM(谷歌标签管理器)需要的JavaScript知识
一个名为谷歌标签管理器的标签管理系统允许你使用一个简单的基于网络的界面在你的网站或移动应用程序上配置和快速部署标签。它具有与谷歌标签相同的功能。标签管理器还支持标签版本管理和组织、社区和第三方开发的标签模板、企业协作工具和安全功能。标签管理器让你从一个基于网络的界面快速修改和部署网站上的标签,同时还能优化标签部署,减少标签配置错误。
谷歌标签管理器(GTM)需要学习的JavaScript主题
基本语法
一种简单而动态的计算机编程语言被称为JavaScript。它被用来制作动态客户端页面。它是一种跨平台、开源的语言。在JavaScript中保存数据的存储位置的简称是变量。
JavaScript中的操作符是用来计算数值的符号,或者换一种说法,允许我们对操作数进行操作。使用算术运算符(+、-、*、/)计算数值,使用赋值运算符(=、+=、%=)将数值分配给变量。要使用谷歌标签管理器,就必须了解这些运算符和变量中的每一个。
数据类型和结构类型
现在,你可以使用谷歌标签管理器控制你网站上的标签,而不必改变代码。谷歌标签管理器(GTM)支持变量,这样你就可以把页面的内容作为结构化数据的一部分。与其在GTM中重复信息,不如使用变量来从网站上检索结构化数据。当数据在GTM中重复时,页面内容和GTM添加的结构化数据之间不匹配的可能性会增加。
使用JavaScript来产生所有的结构化数据或补充服务器端渲染的结构化数据是另一种产生结构化数据的技术。在任何情况下,当谷歌搜索生成页面时,它可能会理解并利用DOM中包含的结构化数据。
职能和范围
大量的代码可以被声明并浓缩成一个块,然后我们可以在函数的帮助下在我们的项目中使用(和重复使用)。有时它们使用某些值作为 “参数”,然后产生某种值作为结果。它是程序的一个部分,允许访问一个变量。换句话说,一个变量的可访问性和可见性取决于其范围。
考虑到JavaScript类似于C语言,我们可以合理地认为,JavaScript中的范围界定与大多数后端编程语言(例如C、C++或Java)中的范围界定是相当的。如果你能理解try-catch块和if-else表达式,最好能使用谷歌标签管理器。
字符串方法
在JavaScript中,字符串被用来表示和操作一组字符。一个字符串既可以代表原始数据类型,也可以代表一个对象。JavaScript会自动将原始字符串转换为字符串对象,因此即使是原始字符串也可以访问和使用字符串方法。字符串在谷歌标签管理器代码中发挥着重要作用,并在几个地方被用来跟踪某些网站的HTML代码。
阵列方法
任何编程语言都可以从使用数组方法中获益匪浅。如果你想让你的JavaScript变得更小,经常更容易理解,你必须能够使用像filter()和forEach()这样的技术。数组中的每个元素都由filter()方法检查,它为每个满足你在回调中提供的测试的元素创建一个新的数组。数组中的每个元素被forEach()方法单独接收,之后你可以对该元素做任何你想做的事情。map()函数再次遍历数组中的每个元素,但这一次回调的代码是针对每个元素运行的,并提供一个新的数组作为结果。
GTM中的DOM元素变量
材料对象模型(也被称为DOM)是网站上的动态、分层的树状表示法。它可以实现对文档的操作,获取现有网站元素的值,并添加、编辑或删除其他元素。
通过访问任何网站并打开其源代码(例如,在Chrome浏览器(WIN)上的CTRL+U),可以看到该页面的HTML代码。这是程序员创建的代码,使网站具有当前的外观。使用DOM来检索网站元素的值有很大风险。如果你打算为你的跟踪实施大量刮取DOM,请注意,开发人员可能会无意中改变网站的内容,破坏你的GTM DOM元素变量。
结论
这些是学习Google Tag Manager需要掌握的关于JavaScript的六个主题。要成为高级别的Google Tag Manager专家,还需要很多课题。利用GTM或任何库的好处是,该库通常会照顾到用户对跨浏览器兼容性的担忧。只有在利用某些标签和宏模板的情况下,GTM才能做到这一点。用户一旦开始自己添加自定义的JavaScript,就必须对其脚本的跨浏览器支持持谨慎态度。