GTM（谷歌标签管理器）所需JavaScript知识

---

谷歌标签管理器是一个标签管理系统，允许您使用简单的基于Web的界面在您的网站或移动应用程序上配置和快速部署标签。它具有与谷歌标签（用于将数据从您的网站发送到谷歌分析的JavaScript库）相同的功能。标签管理器还支持标签版本管理和组织、社区和第三方开发的标签模板、企业协作工具和安全功能。

谷歌标签管理器的JavaScript

在开始使用谷歌标签管理器之前，您需要学习以下JavaScript主题：

• JavaScript基本语法
• 数据类型和结构类型
• 函数和作用域
• 字符串方法
• 数组方法
• GTM中的DOM元素变量

基本语法

JavaScript 是一种简单而动态的计算机编程语言。它用于生成动态客户端页面。它是一种跨平台的开源语言。语法是一组规则，定义了如何编写代码以便可以执行它。JavaScript中保存数据的存储位置是变量。使用赋值运算符（=，+=，%=）将值赋给变量。

运算符在JavaScript中是用于计算值的符号，或者换句话说，允许我们对操作数执行运算。使用算术运算符（+，-，*，/）计算值。了解每个运算符和变量对于使用谷歌标签管理器是必要的。

假设您需要在JavaScript中存储您的名字和姓氏。为此，您首先声明变量并使用赋值运算符对其进行初始化，如下所示：

var first_name = ansh;
var last_name = kumar; 

数据类型和结构类型

在JavaScript中，数据类型告诉计算机变量存储的数据值的类型。JavaScript中的一些预定义数据类型是字符串、数字、布尔值等等。结构类型是指对象和数组，它们是非原生的，可以保存数据值的集合。

函数和作用域

多行代码可以声明到一个块中，然后我们可以使用或重复使用这些块来完成我们的项目，借助于函数。有时它们使用某些值作为“参数”，然后产生某个值作为结果。它是一段程序，允许访问变量。换句话说，变量的可访问性和可见性取决于它的作用域。

鉴于JavaScript类似于C家族的语言，因此可以假设JavaScript中的作用域与大多数后端编程语言（例如C、C++或Java）中的作用域类似。

在JavaScript中定义函数的语法是：

function function_name(parameters) {
  // statements
}; 

字符串方法

字符串用于在JavaScript中表示和操作一组字符。字符串可以表示原始数据类型和对象。JavaScript会自动将原始字符串转换为String对象，因此即使是原始字符串也可以访问和使用String方法。字符串在谷歌标签管理器代码中扮演着重要的角色，并且在许多地方被用来跟踪某些网站的HTML代码。

一些常见的JavaScript方法的名称和用途：

• split()：它通过将其分成子字符串将String对象拆分成字符串数组。
• substr()：它返回从指定位置开始的字符串中指定数量的字符。
• slice()：它提取并返回字符串的一部分。
• search()
• toString()：此方法返回表示指定对象的字符串。

数组方法

任何编程语言都可以从使用数组方法中受益匪浅。如果您想使您的JavaScript代码更小且更容易理解，您必须能够使用filter()和forEach()等技术。filter()方法检查数组中的每个元素，为满足您在回调中提供的测试的每个元素创建一个新的数组。forEach()方法单独接收数组中的每个元素，之后您可以对该元素执行任何操作。map()函数再次迭代数组的每个元素，但是这次回调的代码针对每个元素运行，并提供一个包含结果的新数组。

GTM中的DOM元素变量

文档对象模型（也称为DOM）是网站上文档的动态、分层树状表示。它允许文档操作、获取当前网站元素的值以及添加、编辑或删除其他元素。

可以通过访问任何网站并打开其源代码（例如，在Chrome（WIN）上按CTRL+U）来查看页面的HTML代码。这是程序员创建的代码，用于使网站具有当前外观。使用DOM检索网站元素的值存在重大风险。如果您打算大量抓取DOM以进行跟踪实现，请注意，开发人员可能会无意中更改网站的内容，从而破坏您的GTM DOM元素变量。