您可以使用 Google Ads 和 Google Analytics (分析) 評估網站上的使用行為資料。請按照本文中的步驟,為 Google Ads 或 Google Analytics (分析) 帳戶設定代碼。進一步瞭解如何使用網站製作工具或 CMS 加入代碼。
設定 Google 代碼的操作說明,與開頭為「AW-」的代碼 ID (通常是 Google Ads 帳戶) 和開頭為「G-」的代碼 ID (通常是 Google Analytics (分析) 資源)) 不同。請按照下方與代碼對應的說明操作。
事前準備
您可以免費整合 Shopify 帳戶與 Google Ads 或 Google Analytics (分析)。如要設定整合,您需要:
- 有效的 Google 登入資訊
- Google 提供的 JavaScript 程式碼方塊,以及有效的 Shopify 帳戶
如果代碼開頭為「AW-」
如要透過 Google Ads 設定 Google 代碼,最簡單快速的方法就是透過 Shopify 的 Google & YouTube 應用程式設定轉換追蹤。
- 在 Shopify 控制台中,按一下搜尋列並輸入「Google and YouTube」,然後選取「Google & YouTube」。
- 系統會將您導向 Shopify App Store。按下「Install」(安裝) 繼續操作。
- 查看必要權限的清單,然後按一下底部的「Install」(安裝) 繼續操作。
- 如果應用程式未連結至 Google,請按下「Connect」(連結),然後選擇您 Google Ads 資源所屬的 Google 帳戶。
- 選取 Merchant Center 帳戶,然後按一下「Connect」(連結)。
- 確認已啟用轉換追蹤。詳閱條款及細則,然後勾選同意方塊。最後,點選「Complete setup」(完成設定)。
- 您的帳戶會將轉換資訊傳送給 Google。
如果您不想在 Shopify 上使用 Google & YouTube 應用程式,則可手動設定 Google 代碼。手動設定僅適合進階使用者使用,因為手動設定可能較複雜,且會增加重複追蹤重要事件的可能性,導致追蹤資料不準確。
如要繼續操作,請按照本文中的步驟手動設定 Google 代碼。
1. 手動加入 Google 代碼
- 登入 Google Ads 帳戶。
- 按一下右上角的工具圖示,然後點選「設定」下方的「Google 代碼」。
- 前往「設定」分頁。
- 在「您的 Google 代碼」部分,按一下「安裝操作說明」。
- 在「安裝操作說明」頁面,選取「手動安裝」。
- 在 Shopify 中,依序選取左側面板的「網路商店」>「布景主題」選項,然後點選可用布景主題上的三點按鈕 >「編輯程式碼」下拉式選單。
- 在「版面配置」下方選擇「{/}theme.liquid」。
- 確認「theme.liquid」檔案中目前沒有 Google 追蹤代碼。如果這個頁面顯示與下方區塊類似的程式碼,表示您可能已安裝 Google 產品。因此,請仔細確認後再替換這些檔案。
- 如要連結您的網站與 Google Ads,請複製及貼上以下 Google 代碼程式碼。將下列程式碼貼到
<head>
元素後方,開頭應為<!-- Google 代碼 (gtag.js) -->
,結尾應為</script>
。 - 完成後,請按一下「儲存」。網站上的每個網頁只能加入一個 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 進行的更新。
- 登入 Google Ads 帳戶。
- 按一下帳戶右上角的「工具和設定」圖示。在下拉式選單中選取「評估」。
- 按一下「轉換」。
有關轉換動作的重要資訊:
瞭解如何解讀轉換追蹤資料
3. 驗證轉換追蹤設定和排解相關問題
您可以利用 Tag Assistant,為 Google Ads 驗證 Google 代碼管理工具安裝情況並排解相關問題。請按照下列步驟驗證轉換追蹤導入狀態。您只能利用 Tag Assistant 排解「未驗證」或「代碼停用」轉換的問題。進一步瞭解追蹤狀態。
- 登入 Google Ads 帳戶。
- 按一下右上角的「工具和設定」圖示,然後點選「評估」下方的「轉換」。
- 在「摘要」表格中,查看「狀態」欄是否有「未驗證」或「代碼停用」狀態。
- 按一下「動作」欄中的「疑難排解」。
- 按一下「開始使用」,在新視窗中開啟 Tag Assistant。
- 輸入要排解問題的網頁網址。
- 建議您使用到達網頁或首頁,不要直接輸入轉換頁網址。您可在到達網頁開啟後再前往轉換頁。
- 按一下「連結」,在新的瀏覽器分頁中開啟您的網頁。
- 「摘要」表格和 Tag Assistant 視窗會保持開啟,以供稍後使用。請勿關閉這些分頁。如果轉換是「表單提交追蹤」,請在已連結 Tag Assistant 的網站上測試表單提交。將分頁切換至預覽視窗,確認代碼是否在正確的位置觸發。
- 重新整理 Google Ads 帳戶的「轉換」頁面,追蹤狀態會在一分鐘內變更為「沒有新的轉換」。
- 在預覽視窗中確認代碼觸發狀態後,請返回測試轉換動作的網頁,然後按一下「完成」。
透過 Google Tag Assistant 驗證導入作業 (且廣告活動成功放送) 後,請等待至少 24 小時,再回到 Google Ads 的「轉換動作」部分。
瞭解追蹤狀態
雖然透過 Tag Assistant 只能排解「未驗證」或「代碼停用」轉換的問題,但 Google Ads 會顯示多個狀態選項。進一步瞭解如何排解轉換追蹤狀態的問題。
如果代碼開頭為「G-」
想要透過 Google Analytics (分析) 設定追蹤功能,最簡單快速的方法就是使用 Google & YouTube 應用程式。請注意,這項整合功能是 Shopify 的原生功能。如要透過 Shopify 設定 Google Analytics (分析) 追蹤功能,請按照下列步驟操作。
- 登入 Shopify 帳戶。
- 在左側面板選單中,開啟「網路商店」下拉式選單,然後選擇選單中的「偏好設定」。
- 前往「Google Analytics account」(Google Analytics (分析) 帳戶) 部分。按一下「Set up Google」(設定 Google)。
- 如未安裝 Google & YouTube 應用程式,請查看必要權限的清單,然後按一下底部的「Install」(安裝) 以繼續操作。
- 如果應用程式未連結至 Google,請按一下「Connect」(連結),然後選擇您 Analytics (分析) 資源所屬的 Google 帳戶。
- 在下拉式選單中選擇 Google 代碼 ID,然後點選「Connect your Google Analytics 4 property」(連結 Google Analytics (分析) 4 資源)。
手動加入 Google 代碼
如果您不想在 Shopify 上使用 Google & YouTube 應用程式,則可手動設定 Google Analytics (分析) 追蹤功能。手動設定僅適合進階使用者使用,因為手動設定可能較複雜,且會增加出錯可能性,導致追蹤資料不準確。
如果您想要透過 Google Analytics (分析) 手動設定追蹤功能,請按照下列步驟操作。
- 前往 Google Analytics (分析) 的「管理」畫面。
- 在「資料串流」中按一下串流,即可查看詳細資料。
畫面上應該會顯示 Google Analytics (分析) 設定和 Google 代碼設定。 - 在頁面底部的「您的 Google 代碼」部分,按一下「安裝操作說明」。
- 在「安裝操作說明」頁面,選取「手動安裝」。
- 在 Shopify 中,依序選取左側面板的「網路商店」>「布景主題」選項,然後選取可用布景主題上的三點按鈕 >「編輯程式碼」下拉式選單。
- 在「版面配置」下方選擇「{/}theme.liquid」。
- 確認「theme.liquid」檔案中目前沒有 Google 追蹤代碼。如果這個頁面顯示與下方區塊類似的程式碼,表示您可能已安裝 Google 產品。因此,請仔細確認後再替換現有的程式碼區塊。
- 如要連結您的網站與 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>