您可以藉助再行銷,向逛過自家網站或使用過您行動應用程式的客群顯示廣告;動態再行銷則更加靈活,甚至可以根據訪客在您網站上瀏覽過的特定商品,向他們顯示相關廣告。
本指南將說明如何運用 Google 代碼管理工具,導入 Google Ads 動態再行銷。在著手導入動態再行銷代碼前,建議您先查看 Google Ads 說明中心提供的動態再行銷指南,進一步瞭解相關程序。
總覽
若要在網站中使用再行銷代碼,您需要完成以下步驟:
-
在您網站上的每個網頁部署 Google Ads 再行銷代碼。
-
將您網站重要步驟中每個再行銷事件的動態值傳送至再行銷代碼。這類動態值可能是:使用者放進購物車中商品的產品 ID、搜尋航班的出發地和目的地、使用者所點擊優惠的促銷 ID 等等。
無論何種類型的線上機構組織都可以採用動態再行銷,但需要視網站的業務目標而定,擷取不同類型的動態值。許多業務類別都有現成的參數可用,例如「教育」、「工作」、「旅遊」等等。請前往 Google Ads 說明中心查看事件和參數清單,選擇最適合您機構組織的參數。
導入步驟如下所示:
填入事件和參數值
導入程序的第一個步驟,就是以「代碼管理工具」可處理的方式擷取網站資料。如果想擷取網頁資料,則必須導入「代碼管理工具」變數。有多種方式可以擷取資料,例如透過第一方 Cookie、資料層或自訂 JavaScript。
在再行銷代碼中插入值
設定代碼將目標資料視為變數來接收後,使用這些變數將資料插入「代碼管理工具」的 Google Ads 再行銷代碼範本中。
指定用來啟動再行銷代碼的觸發條件
下一步是定義觸發條件,告知「代碼管理工具」該在何時啟動再行銷代碼的各個例項。您可以根據內建變數 (例如網頁瀏覽、連結點擊、按鈕點擊和表單提交等) 或自訂事件 (透過資料層登錄在「代碼管理工具」中) 來建立觸發條件。
測試與部署
最後一步是透過「代碼管理工具」的預覽模式測試網站上的代碼。完成所有測試案例,並確認預期的動態值能夠正確觸發代碼後,您就可以發佈容器來部署代碼。
請在下方選擇您想使用的再行銷代碼導入方法,進一步瞭解如何使用「代碼管理工具」導入再行銷代碼:
導入指南
本節將說明如何為購物程序的所有步驟建立一個再行銷代碼例項,藉此在「代碼管理工具」中導入 Google Ads 動態再行銷代碼。
這個流程的主要步驟如下:
- 將您的網站設定為透過資料層或自訂 JavaScript 將值傳送給「代碼管理工具」。
- 在「代碼管理工具」中建立資料層變數。
- 建立觸發條件。
- 使用自訂參數設定再行銷代碼。
在網站上設定資料層程式碼
如果您選用的導入方法需要透過資料層將動態資料明確傳送至「代碼管理工具」,就需要進行這個步驟。請與開發人員合作,在您的網站上設定資料層程式碼。若您打算透過「代碼管理工具」使用自訂 JavaScript 變數來收集動態值,請略過此步驟。
dataLayer()
物件可將您網站上的自訂資料傳送至「代碼管理工具」;這段程式碼應置於容器程式碼上方,系統才能在「代碼管理工具」執行時取得資料。我們用下列程式碼片段來示範如何建立資料層,然後傳送顧客的購物車內含商品清單和總金額:
dataLayer = [];
dataLayer.push({
'event': 'add_to_cart',
'value': 998.55,
'items': [{
'google_business_vertical': 'retail'}, {
'google_business_vertical': 'retail'}]
});
</script>
鍵名是任意字串,不需要符合任何規定 (例如 Google Ads 再行銷代碼的自訂參數命名慣例);不過您每一次傳送同類型的資訊至「代碼管理工具」時,都應該使用相同的鍵名。
請透過 JavaScript 傳送 items
陣列。items
物件都應該含有與產品/服務主要 ID 相對應的鍵 (例如 ID 或 destination),以及 google_business_vertical
鍵,用來代表 ID 應比對的動態饋給類型。
Google Chrome 使用者可利用 Tag Assistant 來驗證是否已正確導入資料層,並查看從網站傳送至「代碼管理工具」的資料。
有些程序步驟可能不會同步發生 (意即沒有重新載入整個網頁):例如將商品加進購物車時,網頁不會改變,只會顯示商品已成功放進購物車的訊息或提醒。擷取動態購物車事件非常重要;要是少了這項資料,追蹤功能會漏掉許多中途放棄購物者,導致再行銷活動的精確性降低。
dataLayer.push()
函式可用來在載入「代碼管理工具」後設定變數及觸發代碼。舉例來說,如果使用者在購物車中加入了一項商品,您可以利用這個函式來更新資料層:
dataLayer.push({
'event': 'add_to_cart',
'value': 78.45,
'items' : [{
});
</script>
設定變數
請為需要傳送給再行銷代碼的每一種動態資料設定「代碼管理工具」變數。在本例中,我們將為「事件名稱」、「事件值」設定一個變數,並為「事件項目」設定一個變數。
-
事件名稱:動態再行銷事件名稱,用來描述要評估的事件。Google Ads 系統會使用事件名稱來將使用者分配到其中一份系統自動產生的使用者名單。您不妨從 Google Ads 說明中心的建議事件清單中選用特定的事件名稱組合。
-
事件值:再行銷事件的值,表示使用者進行互動的產品或服務總值。
-
事件項目:使用者進行互動的項目清單。這個變數必須是一個物件陣列,並附有接在動態再行銷項目結構定義後面的屬性。每個項目都必須有一或多個下列屬性:「
id
」、「location_id
」、「origin
」、「destination
」、「start_date
」、「end_date
」、「google_business_vertical
」。
請參閱 Google Ads 說明中心提供的事件與參數清單。
「代碼管理工具」可讓您透過多種方式來擷取動態資料,例如利用資料層從網站明確地將值傳送至「代碼管理工具」,或使用該工具透過自訂 JavaScript 變數從網站擷取資料。
將網站改為透過資料層將值傳送給「代碼管理工具」:對於再行銷代碼設定來說,這是較為可靠的方法。這種做法會從資料層直接將動態值傳送至再行銷代碼,但需要由開發人員修改網站上的程式碼。您不妨從建議事件清單中選用特定的事件名稱組合。資料層有可用資料後,請在「代碼管理工具」中建立資料層變數,將這些值傳送給代碼。接著,在「代碼管理工具」中為「items
」和「value
」各自建立資料層變數:
- 按一下 [變數] [新增]。
- 選擇 [資料層變數]。
- 針對 [資料層變數名稱],輸入「
items
」。 - 點選 [儲存]。
請重複上述步驟建立第二個資料層變數,其資料層變數名稱則使用「value
」。
開發人員可以前往「代碼管理工具」開發人員網站,進一步瞭解資料層導入作業。
使用自訂 JavaScript 變數:另一個方式則是使用自訂 JavaScript 程式碼,也就是藉助自訂代碼透過「代碼管理工具」填入動態參數值。雖然這個做法不如前一種方法可靠,有時卻是最實用的再行銷代碼部署做法,因為不需要直接修改網站上的任何程式碼。您可以寫入自訂 JavaScript 程式碼來從現有的網頁原始碼擷取所需動態值,並傳送至代碼。
再行銷代碼需要的資料通常已列於文件中,因此可透過以「代碼管理工具」植入網頁的 JavaScript 程式碼來擷取。但這個方法有個缺點:由於這是以導入時的網站原始碼為依據,要是「代碼管理工具」日後有任何變更,您可能必須配合修改自訂 JavaScript 程式碼。
如果您已在網站上導入資料層...請選擇以「資料層變數」做為變數類型,並輸入資料層鍵的名稱,以利「代碼管理工具」透過這個鍵,針對您要設定的變數找到需要使用的資料。
要是沒有資料層,您就需要從原始碼擷取需要的動態值,而這可以藉助「代碼管理工具」的 JavaScript 變數達成:您只要從現有的 JavaScript 程式碼中找出變數,然後透過「代碼管理工具」建立一個與該變數名稱相同的 JavaScript 變數即可。
此外要提醒您,如果不想使用資料層,並靠自訂 JavaScript 變數來擷取動態參數值,您很有可能必須改用其他策略來填入同一個自訂參數,至於使用哪種策略,則取決於程序步驟。
舉例來說,您在產品網頁填入產品 ID 的方法,可能與購物車頁或購買確認頁上的做法不同,因為各步驟所依據的原始碼或 JavaScript 變數不一樣。基於這個原因,建立一體適用的產品 ID 變數或許不可行,您必須改成針對每種需要用到產品 ID 的情況,個別建立用來擷取產品 ID 的變數。
設定觸發條件
下一個步驟是在「代碼管理工具」中,為再行銷代碼設定觸發條件。建立每一項觸發條件時,您都必須指定事件類型和一或多個篩選器,以指定代碼的觸發時機。
以網頁瀏覽為準的觸發條件
在多數情況下,您需要建立的觸發條件會以某網頁 (或某一組網頁) 獲得的瀏覽為基準。以電子商務網站為例,我們通常會建立三項觸發條件,分別用來在所有的產品頁面、購物車頁面以及購買確認頁上觸發代碼。
建立網頁瀏覽觸發條件的步驟如下:
- 依序點選 [觸發條件] [新增]。
- 按一下 [觸發條件設定],然後選取 [網頁瀏覽]。
- 將這個觸發條件設為對「部分的網頁瀏覽」觸發。
- 在「有事件發生且這些條件全都符合時,啟用這個觸發條件」部分下,點選進入 [網頁網址] [包含] [<path>]。其中的 [<path>] 是指網頁 (也就是您要觸發此代碼的頁面) 網址中可預期的部分,例如「/products/」)。
如要建立可在一組網頁 (例如多個產品頁面) 上啟動代碼的觸發條件,請使用「包含」或「符合規則運算式」等運算子,讓觸發條件符合您指定的網頁網址。
不是以網址為準的觸發條件
碰到無法根據網址區分網頁類型的情況時,或許可以使用其他變數來做為網頁瀏覽事件的篩選器。舉例來說,您可能會看到下列 ID 屬性:
按照下列步驟操作,就能建立讓系統在找到上述屬性時啟動的觸發條件:
- 依序點選 [觸發條件] [新增]。
- 按一下 [觸發條件設定],然後選取 [元素可見度]。
- 將 [選取方式] 這個欄位設為「ID」。
- 在 [元素 ID] 欄位中輸入「cart_title」。
- 將這個代碼設為每頁觸發一次。
- 在 [最低可見百分比] 欄位中,將百分比設為「1%」。
- 將觸發條件設為對「所有可見度事件」啟動。
非同步事件
為確保動態再行銷廣告活動能獲得最佳成效,請務必在使用者於購物程序中完成重要步驟時 (例如將商品放入購物車) 立即觸發代碼。如果購物車頁面更新不會產生新的網頁瀏覽,您可以將點擊事件或自訂事件設為觸發條件。
若您已導入資料層,請使用自訂事件來通知「代碼管理工具」消費者已將產品放進購物車,同時傳送相關產品資訊。
消費者將商品加進購物車後,您的網站程式碼應該使用 dataLayer.push()
將事件新增至資料層:
'event': 'add_to_cart',
'value': 78.45,
'items' : [{
});
接下來,請在「代碼管理工具」中建立觸發條件:
- 依序點選 [觸發條件] [新增]。
- 按一下 [觸發條件設定],然後選取「其他」下面的 [自訂事件]。
- 將「事件名稱」設為「add_to_cart」。
設定代碼例項
現在一切就緒,可以把所有的元素組合起來了:您已經設定了變數來接收動態資料,也已設定觸發條件來通知「代碼管理工具」觸發再行銷代碼的時機,最後一個步驟,是運用已設定的變數來設定再行銷代碼。
以下舉例說明如何設定再行銷代碼:
導入轉換代碼
除了再行銷代碼以外,建議您也導入 Google Ads 轉換代碼,以使用即時自動出價演算法 (例如目標單次客戶開發出價和目標廣告投資報酬率。接著,建立新的 Google Ads 再行銷代碼,將觸發條件的啟動位置設為所有頁面,並加入您為其他代碼建立的所有觸發條件做為封鎖觸發條件:
- 按一下 [代碼] [新增]。
- 按一下 [代碼設定],然後選取 [Google Ads 再行銷]。
- 在 [轉換 ID] 欄位中填入 Google Ads 提供的值 ([轉換標籤] 欄位可填可不填)。瞭解詳情
- 按一下 [觸發條件],然後選取要在所有網頁上啟動的觸發條件。
- 按一下 [新增例外項目],然後針對上方所輸入自訂參數涵蓋的每一項觸發條件分別輸入例外狀況。
測試與部署
每完成一項「代碼管理工具」設定,都應該預覽並測試變更來確保容器能正常運作。此外也建議您在測試期間開啟 JavaScript 控制台,以便查看自訂 JavaScript 程式碼是否造成了任何錯誤。別忘了多多測試不同情境 (將不同類型的產品加入購物車、查看含有多項產品的購物車等),確認代碼設定能正確運作。
使用自訂 JavaScript 變數或自訂 HTML 標記時,最理想的做法是在 try/catch 區塊中撰寫程式碼;這樣一來,要是程式碼引發錯誤 (例如您日後修改網站程式碼,導致自訂再行銷程式碼設定失效而發生錯誤),JavaScript 解譯器會將錯誤「攔截」下來,避免引發例外狀況。不過,測試程式碼時請移除 try/catch 結構,以便觀察控制台中出現的任何錯誤;待您修正所有的錯誤並確定程式碼能正確運作後,再重新加入 try/catch 區塊。
請在測試變更後發佈容器,這樣就能啟用 Google Ads 動態再行銷設定。