要在 Elementor 的特定網頁上埋入 Google Code (例如 Google Analytics、Google Ads 轉換追蹤碼或 Google Tag Manager)，您主要有兩種方法，其中一種需要 Elementor Pro 版的「自訂程式碼」功能：
方法一：使用 Elementor Pro 的「自訂程式碼 (Custom Code)」功能 (推薦)
如果您有 Elementor Pro，這是最推薦和最有效的方式，因為它提供了方便的管理介面和條件設定。
- 進入 Elementor 的「自訂程式碼」設定
- 登入您的 WordPress 後台。
- 導航到 Elementor > Custom Code (自訂程式碼)。
- 點擊「Add New Custom Code (新增自訂程式碼)」。
- 設定程式碼片段
- Add title (新增標題): 為您的程式碼片段命名，例如「首頁 Google Analytics」。
- Code (程式碼): 在這裡貼上您的 Google Code。請確保程式碼包含完整的
<script>或<noscript>標籤。- Google Analytics / Google Tag Manager: 通常會建議放在
<head>區塊。 - Google Ads 轉換追蹤碼: 通常會放在
<body>結束標籤之前 (</body>)，或者您需要根據 Google 的指示放在特定事件觸發的位置。
- Google Analytics / Google Tag Manager: 通常會建議放在
- Location (位置): 選擇您的程式碼應該放置的位置。常見選項有：
<head>: 頁面的<head>區塊。<body> - Start: 頁面<body>開始的位置。<body> - End: 頁面<body>結束的位置 (通常用於放在</body>之前)。- 選擇適合您的 Google Code 的位置。
- Priority (優先順序): 如果有多個程式碼片段放在相同位置，您可以設定它們的執行優先順序 (1-10，數字越小優先順序越高)。
- 設定顯示條件 (Display Conditions)這是關鍵步驟，用於確保程式碼只在特定頁面執行。
- 點擊「Publish (發布)」區塊中的「Conditions (條件)」旁的「Edit (編輯)」。
- 預設是「Entire Site (整個網站)」，您需要點擊「Add Condition (新增條件)」。
- 在第一個下拉選單中，選擇「Singular (單一頁面/文章)」。
- 在第二個下拉選單中，您可以選擇：
- All Singular: 應用於所有單一頁面/文章。
- Posts: 應用於所有文章。
- Pages: 應用於所有頁面。
- Child Of: 應用於某個父頁面的子頁面。
- In Category / In Tag: 應用於特定分類或標籤的文章。
- Selected (選擇): 這是您要選擇特定網頁時最常用的選項。選擇後，會出現一個搜尋框，您可以輸入該網頁的名稱來搜尋並選擇它。
- 設定排除條件: 如果您需要讓程式碼在大多數頁面執行，但排除某些特定頁面，您可以點擊「Add Condition (新增條件)」並選擇「Exclude (排除)」，然後設定要排除的頁面。
- 發布程式碼
- 設定好所有條件後，點擊「Publish (發布)」。
方法二：使用 Elementor 的「HTML 小工具 (HTML Widget)」(適用於免費版或特定頁面特定位置)
如果您沒有 Elementor Pro，或者您只想將程式碼埋在頁面內容的特定位置（而不是全域的 <head> 或 <body>），可以使用 HTML 小工具。
- 編輯您的 Elementor 頁面
- 進入您要埋入 Google Code 的特定網頁，然後點擊「Edit with Elementor (使用 Elementor 編輯)」。
- 拖曳 HTML 小工具
- 在 Elementor 左側的 widget 搜尋框中，搜尋「HTML」。
- 將
< / > HTML小工具拖曳到您頁面內容中您希望程式碼執行的地方。- 重要提示: 某些 Google Code (例如 Google Analytics 或 Google Tag Manager 的主要追蹤碼) 最好放在頁面的
<head>區塊或<body>結束之前，以確保它們盡早載入。HTML 小工具會將程式碼嵌入到頁面內容的特定「點」上。這對於頁面內部的事件追蹤可能足夠，但對於全站範圍的追蹤或需要在頁面渲染前執行代碼的情況，可能不是最佳選擇。
- 重要提示: 某些 Google Code (例如 Google Analytics 或 Google Tag Manager 的主要追蹤碼) 最好放在頁面的
- 貼上您的 Google Code
- 在 HTML 小工具的內容區塊中，貼上您的 Google Code。
- 請確保您的程式碼包含完整的
<script>或<noscript>標籤。
- 更新頁面
- 點擊左下角的「Update (更新)」按鈕保存您的更改。
選擇哪種方法？
- Elementor Pro 的「自訂程式碼」功能:
- 優點: 集中管理所有自訂程式碼，可以設定全站、特定文章、特定頁面、特定分類等精確的顯示條件，並選擇程式碼的載入位置 (head, body start, body end)。這是處理大多數 Google 追蹤碼（如 GA4, GTM）的最佳方式。
- 缺點: 需要 Elementor Pro。
- Elementor 的「HTML 小工具」:
- 優點: 無需 Elementor Pro，可以將程式碼放在頁面內容的任何可視位置。
- 缺點: 只能應用於單一頁面，且程式碼會隨著 HTML 小工具的位置渲染，可能無法滿足某些需要在頁面完全載入前執行的 Google Code 的需求。對於需要全站或特定類型頁面執行的程式碼，您必須逐頁添加，不夠效率。
埋入 Google Code 的注意事項：
- 完整性: 確保您貼上的 Google Code 是完整的，包含所有必要的
<script>或<noscript>標籤。 - 位置: 根據 Google 提供的指示，將程式碼放在正確的位置 (
<head>或<body>結束前)。 - 測試: 在部署程式碼後，務必使用 Google Analytics Debugger 或 Google Tag Assistant 等工具來驗證您的程式碼是否正確載入並觸發。
- 清理: 如果您之前使用了其他外掛或方法來埋入 Google Code，請確保在切換到 Elementor 的自訂程式碼功能後，移除舊的程式碼，避免重複追蹤導致數據不準確。
希望這些資訊能幫助您成功在 Elementor 特定網頁上埋入 Google Code！
