GTM常用 JS syntax 

這一篇主要分享當我們進行網站追蹤、臉書像素埋設、GA4電子商務事件埋設、廣告資料收集。一系列所會用到的JS，使用JS基本上有很多種解法，本篇只專注分享，幾個常用 / 簡單的JS syntax 。

不管是抓取特定網站元件，轉變資料型態。將網站上的金錢符號、數字符號資料清理，再接續資料運算。這一些都可以透過Javascript幫我們實現。

市面上公司常見的透過第一方cookie追蹤；抓取不會cookie夾帶的utm方式。其實在以下的方式都可以有解答，而且程式語言的組合是無限多種可能，所以透過基本的語法，再由人員的思維進行使用 / 組合。達到網站理想的網站追蹤目的。

document.cookie

建立第一方cookie。

document.cookie = "this is  your first cookie = spyder";

document.querySelector()

搭配CSS選擇器，取出網站上特定物件(取網站上找到的第一個)。

document.querySelector('.btn');
document.querySelector('#title');

document.querySelectorAll()

搭配CSS選擇器，取出網站上特定物件(取全站符合CSS Selector條件)。

document.querySelectorAll('.btn');
document.querySelectorAll('#title');

window 物件

可觀察網站擁有的物件，後續進行資料回拋。

window

parseInt(string, radix)

轉成有十進位，後續做系統上的數字運算，沒有小數點的幣別。

parseInt("66",10);

parseFloat(string)

轉成十進位表示的浮點數，方便我們後續做系統上的數字運算，適合有小數點的幣別。

parseFloat('66');

match()

透過Regex篩選指定字串。常用於網站的特定字串篩選、幣別移除取出產品價值。

var new_price = price.match('[0-9]+.[0-9]+');

function

只要GTM新建自訂js，那就一定會用到，需要Return回傳值。

function dspyder(){
	console.log('GTM IS GOOD')
	return "GTM IS GOOD2"
}
error: