概述

GTM細節設置

為了減少因商店前台HTML的變動，以及正確的判斷觸發時間點，

由4DinG工程師 把網站相關資訊儲存在 DataLayer 中。

我們依照 GA4 電子商務的建議文件 來編制 DataLayer，

且不用擔心 FB Pixel 的安裝，我們皆會說明。

事件追蹤

有以下事件可追蹤：

事件名稱（對應 DataLayer）	觸發條件說明	GA	Pixel
purchase	訂單成立	V	V
add_to_cart	使用者將項目放進購物車時	V	V
remove_from_cart	使用者從購物車中移除商品時	V	X
begin_checkout	按下『立即結帳』	V	V
refund	訂單取消或是後台取消訂單	V	X
view_cart	打開購物車頁	V	V
view_item	打開商品細頁	V	V
view_item_list	分類館頁或是所有商品頁	V	V
view_promotion	活動館頁	V	V

1. GTM變數

（若還沒有GTM的帳戶，請先至GTM介接設定帳戶。）

為了抓取 DataLayer的值，

我們需要先新增相關的變數來對應DataLayer。

（請至GTM變數）

2. GTM觸發器

為了觸發不同事件，我們需要先新增相對應的自訂觸發器。

（請至GTM觸發器）

3. GTM代碼

GTM代碼意味者可以產生不同第三方的追蹤Code，

如：GA4的code、Pixel的code。

產生code所需要的材料就是 GTM的觸發器、GTＭ的變數、

以及選擇 要產生誰(GA、Pixel)的code。

（請至GA4代碼）

（請至FB Pixel代碼）