Google 代碼管理工具

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

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

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

步驟:

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

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

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

  4. 複製 Google 代碼管理工具的第一段程式碼片段,並貼到 theme.liquidcheckout.liquid 程式碼的 <head> 代碼中:

    1. 複製 Google 代碼管理工具的第一段程式碼片段
    2. 在 Shopify 管理介面 ,開啟 theme.liquid 檔案。
    3. 盡可能將程式碼片段貼在與 theme.liquid 程式碼的 <head> 等高位置。
    4. 開啟 checkout.liquid 檔案。
    5. 盡可能將程式碼片段貼在與 checkout.liquid 程式碼的 <head> 等高位置。
  5. 複製 Google 代碼管理工具的第二段程式碼片段,並貼到 theme.liquidcheckout.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 銷售商品了嗎?

免費試用