Shopify:設定 Google 代碼

您可以使用 Google Ads 和 Google Analytics (分析) 評估網站上的使用行為資料。請按照本文中的步驟,為 Google Ads 或 Google Analytics (分析) 帳戶設定代碼。進一步瞭解如何使用網站製作工具或 CMS 加入代碼

設定 Google 代碼的操作說明,與開頭為「AW-」的代碼 ID (通常是 Google Ads 帳戶) 和開頭為「G-」的代碼 ID (通常是 Google Analytics (分析) 資源)) 不同。請按照下方與代碼對應的說明操作。

事前準備

您可以免費整合 Shopify 帳戶與 Google Ads 或 Google Analytics (分析)。如要設定整合,您需要:

如果代碼開頭為「AW-」

如要透過 Google Ads 設定 Google 代碼,最簡單快速的方法就是透過 Shopify 的 Google & YouTube 應用程式設定轉換追蹤

  1. 在 Shopify 控制台中,按一下搜尋列並輸入「Google and YouTube」,然後選取「Google & YouTube」。
  2. 系統會將您導向 Shopify App Store。按下「Install」(安裝) 繼續操作。
  3. 查看必要權限的清單,然後按一下底部的「Install」(安裝) 繼續操作。
  4. 如果應用程式未連結至 Google,請按下「Connect」(連結),然後選擇您 Google Ads 資源所屬的 Google 帳戶。
  5. 選取 Merchant Center 帳戶,然後按一下「Connect」(連結)。
  6. 確認已啟用轉換追蹤。詳閱條款及細則,然後勾選同意方塊。最後,點選「Complete setup」(完成設定)。
  7. 您的帳戶會將轉換資訊傳送給 Google。

如果您不想在 Shopify 上使用 Google & YouTube 應用程式,則可手動設定 Google 代碼。手動設定僅適合進階使用者使用,因為手動設定可能較複雜,且會增加重複追蹤重要事件的可能性,導致追蹤資料不準確。

如要繼續操作,請按照本文中的步驟手動設定 Google 代碼。

1. 手動加入 Google 代碼

  1. 登入 Google Ads 帳戶
  2. 按一下右上角的工具圖示,然後點選「設定」下方的「Google 代碼」
  3. 前往「設定」分頁。
  4. 在「您的 Google 代碼」部分,按一下「安裝操作說明」
  5. 在「安裝操作說明」頁面,選取「手動安裝」。
  6. 在 Shopify 中,依序選取左側面板的「網路商店」>「布景主題」選項,然後點選可用布景主題上的三點按鈕 >「編輯程式碼」下拉式選單。
  7. 在「版面配置」下方選擇「{/}theme.liquid」
  8. 確認「theme.liquid」檔案中目前沒有 Google 追蹤代碼。如果這個頁面顯示與下方區塊類似的程式碼,表示您可能已安裝 Google 產品。因此,請仔細確認後再替換這些檔案。
  9. 如要連結您的網站與 Google Ads,請複製及貼上以下 Google 代碼程式碼。將下列程式碼貼到 <head> 元素後方,開頭應為 <!-- Google 代碼 (gtag.js) -->,結尾應為 </script>
  10. 完成後,請按一下「儲存」。網站上的每個網頁只能加入一個 Google 代碼。

<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>

<script>

 window.dataLayer = window.dataLayer || [];

 function gtag(){dataLayer.push(arguments);}

 gtag('js', new Date());

 gtag('config', 'TAG_ID');

</script>

2. 在 Google Ads 中查看轉換動作

確認設定生效後,您就可以查看轉換相關資料、進行管理變更或更新轉換目標。請詳閱下方資訊查看可用的操作,並進一步瞭解可在 Google Ads 進行的更新。

  1. 登入 Google Ads 帳戶
  2. 按一下帳戶右上角的「工具和設定」圖示。在下拉式選單中選取「評估」。
  3. 按一下「轉換」。

有關轉換動作的重要資訊:

  • 您可以在 Google Ads 中編輯名稱和其他轉換動作設定。
  • 只有「購買」轉換類型啟用了帳戶預設轉換目標選項。您可以選擇要納入「轉換」欄的轉換動作。
  • 轉換回溯期會設為 90 天。

瞭解如何解讀轉換追蹤資料

3. 驗證轉換追蹤設定和排解相關問題

您可以利用 Tag Assistant,為 Google Ads 驗證 Google 代碼管理工具安裝情況並排解相關問題。請按照下列步驟驗證轉換追蹤導入狀態。您只能利用 Tag Assistant 排解「未驗證」或「代碼停用」轉換的問題。進一步瞭解追蹤狀態

  1. 登入 Google Ads 帳戶
  2. 按一下右上角的「工具和設定」圖示,然後點選「評估」下方的「轉換」。
  3. 在「摘要」表格中,查看「狀態」欄是否有「未驗證」或「代碼停用」狀態。
  4. 按一下「動作」欄中的「疑難排解」
  5. 按一下「開始使用」,在新視窗中開啟 Tag Assistant。
  6. 輸入要排解問題的網頁網址。
    • 建議您使用到達網頁或首頁,不要直接輸入轉換頁網址。您可在到達網頁開啟後再前往轉換頁。
  7. 按一下「連結」,在新的瀏覽器分頁中開啟您的網頁。
    • 「摘要」表格和 Tag Assistant 視窗會保持開啟,以供稍後使用。請勿關閉這些分頁。如果轉換是「表單提交追蹤」,請在已連結 Tag Assistant 的網站上測試表單提交。將分頁切換至預覽視窗,確認代碼是否在正確的位置觸發。
  8. 重新整理 Google Ads 帳戶的「轉換」頁面,追蹤狀態會在一分鐘內變更為「沒有新的轉換」。
  9. 在預覽視窗中確認代碼觸發狀態後,請返回測試轉換動作的網頁,然後按一下「完成」

透過 Google Tag Assistant 驗證導入作業 (且廣告活動成功放送) 後,請等待至少 24 小時,再回到 Google Ads 的「轉換動作」部分。

瞭解追蹤狀態

雖然透過 Tag Assistant 只能排解「未驗證」或「代碼停用」轉換的問題,但 Google Ads 會顯示多個狀態選項。進一步瞭解如何排解轉換追蹤狀態的問題

如果代碼開頭為「G-」

想要透過 Google Analytics (分析) 設定追蹤功能,最簡單快速的方法就是使用 Google & YouTube 應用程式。請注意,這項整合功能是 Shopify 的原生功能。如要透過 Shopify 設定 Google Analytics (分析) 追蹤功能,請按照下列步驟操作。

  1. 登入 Shopify 帳戶
  2. 在左側面板選單中,開啟「網路商店」下拉式選單,然後選擇選單中的「偏好設定」
  3. 前往「Google Analytics account」(Google Analytics (分析) 帳戶) 部分。按一下「Set up Google」(設定 Google)。
    1. 如未安裝 Google & YouTube 應用程式,請查看必要權限的清單,然後按一下底部的「Install」(安裝) 以繼續操作。
    2. 如果應用程式未連結至 Google,請按一下「Connect」(連結),然後選擇您 Analytics (分析) 資源所屬的 Google 帳戶。
  4. 在下拉式選單中選擇 Google 代碼 ID,然後點選「Connect your Google Analytics 4 property」(連結 Google Analytics (分析) 4 資源)。
注意:如果您打算使用 Google Analytics (分析) 追蹤免費產品資訊和廣告轉換,請參閱「如何避免重複追蹤事件」一節,以避免重複追蹤轉換。

手動加入 Google 代碼

如果您不想在 Shopify 上使用 Google & YouTube 應用程式,則可手動設定 Google Analytics (分析) 追蹤功能。手動設定僅適合進階使用者使用,因為手動設定可能較複雜,且會增加出錯可能性,導致追蹤資料不準確。

如果您想要透過 Google Analytics (分析) 手動設定追蹤功能,請按照下列步驟操作。

  1. 前往 Google Analytics (分析) 的「管理」畫面。
  2. 在「資料串流」中按一下串流,即可查看詳細資料。
    畫面上應該會顯示 Google Analytics (分析) 設定和 Google 代碼設定。
  3. 在頁面底部的「您的 Google 代碼」部分,按一下「安裝操作說明」。
  4. 在「安裝操作說明」頁面,選取「手動安裝」。
  5. 在 Shopify 中,依序選取左側面板的「網路商店」>「布景主題」選項,然後選取可用布景主題上的三點按鈕 >「編輯程式碼」下拉式選單
  6. 在「版面配置」下方選擇「{/}theme.liquid」
  7. 確認「theme.liquid」檔案中目前沒有 Google 追蹤代碼。如果這個頁面顯示與下方區塊類似的程式碼,表示您可能已安裝 Google 產品。因此,請仔細確認後再替換現有的程式碼區塊。
  8. 如要連結您的網站與 Google Ads,請複製及貼上以下 Google 代碼程式碼。將下列程式碼貼到 <head> 元素後方,開頭應為 <!-- Google 代碼 (gtag.js) -->,結尾應為 </script>。按一下「儲存」即可完成設定。

<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>

<script>

 window.dataLayer = window.dataLayer || [];

 function gtag(){dataLayer.push(arguments);}

 gtag('js', new Date());

 gtag('config', 'TAG_ID');

</script>

這對您有幫助嗎?

我們應如何改進呢?
搜尋
清除搜尋內容
關閉搜尋
主選單
9680518182704934744
true
搜尋說明中心
true
true
true
true
true
69256
false
false