程式碼片段

不需修改主題檔案，就能加入分析代碼 ID，並在 head、body、footer 或停用暫存區管理自訂程式碼片段。

概覽

程式碼片段 提供一個集中位置，讓你在不編輯主題檔的情況下管理分析與追蹤程式碼。它很適合行銷人員、代理商與希望更精準控制腳本位置的網站管理者。

後台路徑：Airygen SEO -> 設定 -> 程式碼片段

這個模組內建 Google Analytics 4 與 Google Tag Manager 欄位，也提供可拖放的自訂 snippet 管理器。

設定

此畫面包含內建追蹤區塊與自訂 snippet 區塊。

內建追蹤

  • Google Analytics 4 提供啟用切換與 評估 ID 欄位。
  • 評估 ID 通常會以 G- 開頭。
  • Google Tag Manager 提供啟用切換與 容器 ID 欄位。
  • 容器 ID 通常會以 GTM- 開頭。

自訂

  • 新增摘要 會開啟一個 modal，讓你建立可重複使用的自訂 snippet。
  • Head 區段 會把 snippet 放進 <head> 區域。
  • 本文 會把 snippet 放在 <body> 開頭之後。
  • 頁尾 會把 snippet 放在 </body> 之前。
  • 已停用的程式碼片段暫存區 用來存放目前不想輸出的 snippet。
  • Snippet modal 包含 狀態、描述、程式碼 與 注入位置。
  • 描述 只供內部參考，不會顯示在前台。
  • 程式碼 欄位只需要貼上 snippet 內容本身。
  • 輔助說明會提醒你不要加入 <script> 標籤。
  • 注入位置 支援 Head 區段、本文、頁尾 與 未啟用。
  • Snippet 可在不同區域間拖曳，也能在同一區域內重新排序。
  • 不再需要的 Inactive snippet 也可以直接刪除。

如何使用

  1. 開啟 Airygen SEO -> 設定 -> 程式碼片段。
  2. 如果你有使用 Google Analytics 4，請開啟 Google Analytics 4 並貼上 評估 ID。
  3. 如果你有使用 Google Tag Manager，請開啟 Google Tag Manager 並貼上 容器 ID。
  4. 在 自訂 區塊中，點擊 新增摘要 建立可重複使用的自訂程式碼項目。
  5. 在 modal 中選擇 snippet 的 狀態、加入 描述、貼上 程式碼，並選擇 注入位置。
  6. 儲存 snippet，然後依需求把它拖曳到 Head 區段、本文、頁尾 或 已停用的程式碼片段暫存區。
  7. 如果你的設定很在意輸出順序，請在同一區域內重新排序 snippet。
  8. 儲存模組後，檢查頁面原始碼或瀏覽器工具，確認程式碼出現在正確位置。

儲存後請確認以下項目：

  • GA4 與 GTM 的 ID 都填寫正確。
  • 自訂 snippet 出現在預期的輸出區域。
  • 停用中的 snippet 不會在前台輸出。
  • 其他外掛或主題沒有重複輸出相同的分析碼。

SEO 效益

這個模組不會直接提升排名，但能讓分析與追蹤設定更穩定，進而幫助你衡量自然流量表現、驗證 SEO 調整效果，並保持標籤放置一致。

使用情境

需要更乾淨分析設定的行銷團隊

Before: 行銷人員只能依賴修改主題或安裝多個外掛，才能加入 GA4 與 GTM。

After: 程式碼片段 把主要追蹤 ID 與自訂標籤集中在同一個位置，讓設定更容易審查與維護。

需要暫停活動腳本的代理商

Before: 代理商有一些上線檔期或活動 snippet，需要暫停但又不想直接刪除。

After: 已停用的程式碼片段暫存區 讓團隊可以先保留這些 snippet，日後需要時再重新啟用，而不會在正式網站輸出。

常見問題

我可以不刪除就先停用某個 snippet 嗎？

可以。你可以把它移到 未啟用，或在 snippet 編輯器中把 狀態 關掉。

我應該把完整的 <script> 標籤貼進 程式碼 欄位嗎？

不應該。輔助說明明確要求只貼程式碼內容本身，不要包含 <script> 標籤。

Head 區段、本文 與 頁尾 有什麼差別？

它們控制 snippet 注入頁面輸出的區域，分別是 head 內、body 開頭後，或 body 結尾前。