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元素變數。