Google 代碼管理工具

只要按照以下方式操作,您就可以搭配 Google 代碼管理工具使用 Shopify Plus 線上商店:

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

步驟:

  1. 安裝 Google 代碼管理工具,取得所需的程式碼片段,複製該片段後貼到 Shopify 商店中。由於 Shopify 使用範本,您僅需複製程式碼片段並貼上至 theme.liquidcheckout.liquid 檔案即可。 - 如果您是初次安裝 Google 代碼管理工具,請參考 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 (分析)
    • Facebook Pixel

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

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

相關連結

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

免費試用