Google 代碼管理工具

此頁面列印時間為 Jun 02, 2023。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/reports-and-analytics/google-analytics/google-tag-manager。

此頁面上

使用 Google 代碼管理工具的考量事項

若要在 Shopify Plus 網路商店使用 Google 代碼管理工具，請按照以下方式操作：

將 Google 代碼管理工具程式碼新增到主題中

步驟：

  1. 安裝 Google 代碼管理工具，取得所需的程式碼片段，複製該片段後貼到 Shopify 商店中。由於 Shopify 使用範本，您僅需複製程式碼片段並貼上至 theme.liquid 和 checkout.liquid 檔案即可。

    • 如果您是初次安裝 Google 代碼管理工具，請參考 Google 代碼管理工具提供的安裝步驟。請在取得要新增至網頁中的兩個程式碼片段時暫停，然後按照下方說明操作。
    • 如果您已安裝 Google 代碼管理工具，請點擊「管理員」，然後點擊「安裝 Google 代碼管理工具」，即可在 Google 代碼管理工具中找到所需的程式碼片段。

  2. 在 Shopify 管理介面，依序按一下「線上商店」和「主題」。

  3. 在主題下拉式選單中，按一下「編輯程式碼」。

  4. 複製 Google 代碼管理工具的第一段程式碼片段，並貼到 theme.liquid 和 checkout.liquid 程式碼的 <head> 代碼中：

    1. 複製 Google 代碼管理工具的第一段程式碼片段
    2. 在 Shopify 管理介面 ，開啟 theme.liquid 檔案。
    3. 盡可能將程式碼片段貼在與 theme.liquid 程式碼的 <head> 等高位置。
    4. 開啟 checkout.liquid 檔案。
    5. 盡可能將程式碼片段貼在與 checkout.liquid 程式碼的 <head> 等高位置。

  5. 複製 Google 代碼管理工具的第二段程式碼片段，並貼到 theme.liquid 和 checkout.liquid 程式碼的 <body> 代碼中：

    1. 在 Shopify 管理介面 ，開啟 theme.liquid 頁面。
    2. 盡可能將程式碼片段貼在與 theme.liquid 頁面的 <body> 等高位置。
    3. 開啟 checkout.liquid 頁面。
    4. 盡可能將程式碼片段貼在與 checkout.liquid 程式碼的 <body> 等高位置。

  6. 在 Shopify 管理介面 ，按一下「儲存」。

  7. 在 Google 代碼管理工具中繼續安裝 Google 代碼管理工具。系統提示您新增代碼時，請勿新增下列類型的代碼：

    • Google Analytics (分析) 的通用 Analytics (分析)
    • 舊版的 Google Analytics (分析)
    • Meta 像素

驗證 Google 代碼管理工具是否已安裝

若要驗證您已正確安裝 Google 代碼管理工具，您可以使用：

相關連結

準備好開始透過 Shopify 銷售商品了嗎？

免費試用