Google Tag Manager

Adobe Commerce功能 {width="20"} 只有Adobe Commerce才有專屬功能(深入瞭解

Google Tag Manager可協助您管理與行銷活動活動相關的許多標籤(程式碼片段)。 Google Tag Manager可讓您將追蹤標籤新增至您的網站,以測量對象,或個人化、重新鎖定目標或執行搜尋引擎行銷計畫。

Google Tag Manager會將資料和事件直接傳輸到Google Analytics、增強型電子商務和其他協力廠商分析解決方案,以清楚瞭解您的網站、產品和促銷活動的執行狀況。

您應該有Google Analytics和Tag Manager帳戶才能繼續此程式。 下列指示會逐步引導您完成設定Google帳戶、設定Commerce商店及建立標籤的程式。

NOTE
如果您的企業受到隱私權法規的約束,例如一般資料保護規範和/或加州消費者隱私保護法,請參閱Google隱私權設定

步驟1. 設定您的Google Analytics帳戶

請參閱Google說明中的設定網站搜尋,瞭解開始使用所需的基礎知識。 另請參閱Google AnalyticsGoogle Tag Manager的Google指南。

  1. 登入您的Google Analytics帳戶。

  2. 若要啟用​ Internal Site Search Tracking,請執行下列動作:

    • 導覽至​ Select View > View Settings

    • 將​ Site Search Tracking ​設為On

    • 將​ Query ​引數設定為q

    • 完成後,Save ​設定。

  3. 若要啟用顯示功能,請執行下列動作:

    • 選擇​ Property Settings

    • 在​ Advertising Features ​底下,將​ Enable Demographics and Interest Reports ​設定為On

    • Save ​設定。

  4. 若要啟用電子商務追蹤,請執行以下操作:

    • 導覽至​ Select View > Ecommerce Settings

    • 將​ Enable Ecommerce ​設為On

    • 將​ Enable Enhanced Ecommerce Reporting ​設為On

    • Save ​設定。

  5. 重新載入頁面,並確認所有設定仍為On

    note note
    NOTE
    如果並非所有設定都是On,請重複先前的步驟、儲存並重新載入頁面。 重複此程式,直到所有設定皆設為On為止。

步驟2. 設定您的Google Tag Manager帳戶

下列指示顯示如何使用基本設定來設定新容器。 範例Composer組態(.json)檔案可用來簡化程式,匯入可在新容器中產生標籤。 在此範例中,建議建立容器,而非修改現有容器。

NOTE
如需詳細資訊,請參閱Google的容器匯出與匯入。 這些指示會提供逐步解說,說明如何將JSON範例匯入新容器中。
  1. 下載連結的檔案GTM_M2_Config_json.txt,在編輯器中開啟該檔案,並將其儲存為GTM_M2_Config.json

    json檔案已直接上傳至Google Tag Manager。

  2. 導覽至​ Admin > Container > Import Container

  3. 按一下​ Choose container file ​並選取json檔案。

  4. 在​ Choose workspace ​底下,按一下​ New

  5. 輸入標題和說明,然後按一下​ Save

  6. 若要匯入檔案,請選取下列動作之一:

    • 應該為新容器選取​ Overwrite ​選項。

    • 如果您使用現有容器,則應選取​ Merge ​選項。

  7. 按一下​ Preview ​以檢閱標籤、觸發器和變數。

  8. 若要編輯變數中參考的​ Google Analytics ID,請執行下列動作:

    • 導覽至​ Variables > User-Defined Variables

    • 選擇​ Google Analytics ​並使用您自己的​ GA ID ​更新預留位置(UA-xxxxxx-x)。

  9. 依照Google的指示,將標籤、觸發器和變數新增至新容器。

    如果您在另一個要使用的容器中有設定,可將它們移至新容器。

  10. 完成時,請按一下​ Confirm

  11. 依照Google的指示發佈新容器。

步驟3. 設定您的商店

NOTE
自2.4.5版開始,Google服務整合已更新,以支援使用GTag API。 GTag是整合網頁之Google功能的統一機制,可支援透過Google服務追蹤及管理內容的最新功能與機會。 如需詳細資訊,請參閱Google Analytics開發人員檔案
  1. 登入Commerce商店的管理員。

  2. 在​ 管理員 ​側邊欄上,移至​ Stores > Settings>Configuration

  3. 在左側面板中,展開​ Sales ​並選擇​ Google API

  4. 展開 擴充選擇器 Google Analytics ​區段並設定下列專案:

    銷售組態 — Google Analytics {width="600" modal="regular"}

    • 將​ Enable ​設為Yes

    • 將​ Account type ​設為Google Tag Manager

    • 在​ Container ID ​欄位中,輸入您的GTM ID (GTM-xxxxxx)。

    • 如果您也使用Google Analytics進行內容實驗,請將​ 啟用內容實驗 ​設定為Yes

    • 對其餘欄位使用預設值。

  5. 完成時,按一下​ Save Config

  6. 測試您的Google Tag Manager設定,並確認一切正常運作。

NOTE
每個容器都與一個網站相關聯,每個帳戶只需要一個容器。 如果您有多網站Commerce例項,則需要個別的容器。

步驟4. 將GTM程式碼新增至您的Adobe Commerce市集

  1. 若要複製GTM程式碼,請移至​ Admin > Install Google Tag Manager

    有兩種GTM程式碼片段要新增至您的Commerce網站: <head>標籤的第一個,以及<body>標籤的第二個。

  2. 在Commerce Admin中,前往「Content > Design>Configuration」並以編輯模式開啟商店檢視。

  3. 在​ Other Settings ​底下,展開​ HTML Head ​並將您從GTM為​ Scripts and Style Sheets ​欄位中的<head>標籤複製的程式碼貼上。

    在HTML標頭中插入程式碼 {width="600" modal="regular"}

  4. 展開​ Footer ​並在​ Miscellaneous HTML ​欄位中貼上<body>的GTM程式碼。

    在頁尾中插入程式碼 {width="600" modal="regular"}

  5. 完成時,按一下​ Save Configuration

欄位說明

欄位
範圍
說明
Enable
存放區檢視
決定Google Analytics Enhanced E-commerce是否可用來分析商店中的活動。 選項: Yes / No
Account type
存放區檢視
決定用來監控商店活動和流量的Google追蹤代碼。 選項: Google Analytics / Google Tag Manager
Anonymize IP
存放區檢視
決定是否從Google Analytics結果中顯示的IP位址中移除識別資訊。
Enable Content Experiments
存放區檢視
啟用Google內容實驗,此實驗可用來測試最多十個相同頁面的不同版本。 選項: Yes / No
Container Id
存放區檢視
如果已為商店安裝和設定Google Tag Manager,則容器ID會自動出現在此欄位中。
List property for the catalog page
存放區檢視
識別與目錄頁面相關聯的Tag Manager屬性。 預設值: Catalog Page
List property for the cross-sell block
存放區檢視
識別與交叉銷售區塊相關聯的Tag Manager屬性。 預設值: Cross-sell
List property for the up-sell block
存放區檢視
識別與向上銷售區塊相關聯的Tag Manager屬性。 預設值: Up-sell
List property for the related products block
存放區檢視
識別與相關產品區塊相關聯的Tag Manager屬性。 預設值: Related Products
List property for the search results page
存放區檢視
識別與搜尋結果頁面相關聯的Tag Manager屬性。 預設值: Search Results
“Internal Promotions” for promotions field “Label”
存放區檢視
識別與內部促銷活動標籤相關聯的Tag Manager屬性。 預設值: Label

建立標籤以追蹤轉換

如果您有Google AdWords帳戶,則可建立追蹤轉換的標籤。 下列範例說明如何使用Google Tag Manager和Google Analytics來建立會在您商店的轉換​ 成功 ​頁面上引發的標籤。

步驟1. 建立標籤

  1. 登入您的Google Tag Manager帳戶,然後按一下您為商店建立的容器連結。

  2. 在​ New Tag ​方塊中,按一下​ Add a new tag

  3. 從您的AdWords帳戶取得下列資訊:

    • 轉換ID
    • 轉換標籤

    若您需要協助,請造訪Google的支援網站

  4. 從Google Tag Manager儀表板,按一下​ Google AdWords ​並執行下列動作:

    • 按一下標題預留位置,然後輸入新標籤的名稱。

    • 在​ Choose Product ​下,選取​ Google AdWords

    • 在​ Choose a Tag Type ​下,選取​ AdWords Conversion Tracking ​並按一下​ Continue

  5. 從您的AdWords帳戶輸入​ Conversion ID ​和​ Conversion Label,然後按一下​ Continue

步驟2. 建立規則

繼續從Google Tag Manager儀表板,下一步是建立規則,在轉換頁面上觸發標籤。

  1. 在​ Fire On ​底下,按一下​ Some Pages

  2. 在​ Choose Pages ​區段中,完成下列設定:

    • Name — 輸入頁面說明的名稱。

    • Variable url

    • 作業 - matches RegEx

      若要深入瞭解,請參閱Google標籤管理員說明中的Regex和CSS選取器運運算元

    • Value - checkout/success.*

  3. 選取綠色核取方塊並按一下​ Save

    您設定的觸發程式會在「引發於」區段中顯示為藍色按鈕。

  4. 完成時,按一下​ Save Tag

步驟3. 預覽和發佈

此程式的下一個步驟是預覽標籤。 每次預覽標籤時,都會儲存版本的快照。 當您對結果感到滿意時,請移至您要使用的版本,然後按一下​ Publish

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5