對於此範例,假設我們希望在使用者填寫表單時觸發 Quora 轉換。
Quora 是一個很好的例子,因為它包含在 Google 的標準標籤庫中,但在 Growform 的追蹤和標籤設定頁面中無法「開箱即用」。但這不會阻止我們添加它!
首先,在父 GTM 容器中建立 Quora 標籤。為什麼?因為激發標籤是父容器的工作(這裡回顧一下)。
但我們使用哪個觸發器呢?
碰巧,我們已經為您創建了一個名為“表單已完成”的觸發器- 因此您只需選擇它並將其應用到您的標籤:
然後,發布您的容器 - 只要表單完成,Quora 標籤就會觸發!
另外兩個可用的預製觸發器是「表單變更步驟」和「表單載入」。要使用這些,只需將您的標籤設定為觸發,而不是本範例中的「表單完成」觸發器。
需要只在某個步驟上觸發標籤?如果您 币安数据下载 想要一個僅在步驟 2 完成時觸發的觸發器,您只需在父容器中複製我們的「表單更改步驟」觸發器,並新增一個條件:步驟編號 = 2。
為技術人員詳細解釋這是如何工作的
如果您想知道這是如何運作的,那麼正在發生的事情是這樣的:
1.) 當使用者在表單中前進時,Growform 表單會發出事件。在這種情況下,它會發出一個名為「growformFormCompleted」的事件。
2.) 子容器會擷取該事件並透過postMessage無差別地將其推送到父容器。這發生在“Child iFrame Listener”標籤中。它附加“growformIframe”。到事件,因此在父級資料層中看到的完整事件將是「growformIframe.growformFormCompleted」。
3.) 父容器拾取postMessage並將事件加入自己的dataLayer。這發生在「父容器到子容器的連接」標籤中(第 61 行左右)。

4.) 因為這是一個相對常見/有用的事件,所以我們已經為您在父容器中新增了一個名為「表單完成」的觸發器。這會尋找「growformIframe.growformFormCompleted」事件,並確保表單 ID 存在。
5.) 要觸發父容器中的標籤,只需將標籤對應為在觸發器上觸發即可!