技術文件目前產品線:Slim SEO 搜尋優化

Slim SEO:如何在網站插入 Header / Body / Footer 自訂程式碼

更新日期
閱讀時間
約 3 分鐘
來源狀態
generated-draft

本篇說明

許多網站需要插入第三方程式碼,例如 Google Analytics、Google Tag Manager、Facebook Pixel 或站長工具驗證碼。Slim SEO 提供在後台直接貼上這些程式碼的欄位,讓程式碼輸出到網站前台的 header、body 或 footer 位置。

適合誰使用

需要在網站中加入分析、追蹤或驗證用第三方程式碼的 WordPress 網站管理者

開始前準備

  • 若要使用 header 程式碼欄位,佈景主題必須在 header.php 檔案中呼叫 wp_head() 函式
  • 若要使用 body 程式碼欄位,佈景主題必須在 header.php 檔案中呼叫 wp_body_open() 函式
  • 若要使用 footer 程式碼欄位,佈景主題必須在 footer.php 檔案中呼叫 wp_footer() 函式

教學內容

插入第三方程式碼的步驟

常見的第三方程式碼包含 Google Analytics、Google Tag Manager、Facebook Pixel 或站長工具驗證碼

貼上的程式碼會原封不動輸出到網站前台

  1. 前往後台 Settings > SEO
  2. 將程式碼貼到 header、body 或 footer 其中一個欄位中

    Insert header and footer code in Slim SEO
    官方文件介面截圖:Insert header and footer code in Slim SEO

介面名稱對照

  • Settings > SEO:後台中設定 Slim SEO 各項功能的頁面,插入 header/body/footer 程式碼的欄位就位於此處
  • wp_head():佈景主題 header.php 檔案中應呼叫的 WordPress 函式,用來輸出 header 程式碼
  • wp_body_open():佈景主題 header.php 檔案中應呼叫的 WordPress 函式,用來輸出 body 開頭處的程式碼
  • wp_footer():佈景主題 footer.php 檔案中應呼叫的 WordPress 函式,用來輸出 footer 程式碼

注意事項

注意

程式碼能否正確輸出,取決於佈景主題是否正確呼叫對應的 WordPress 函式(wp_head、wp_body_open、wp_footer)

官方來源

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「Slim SEO:如何在網站插入 Header / Body / Footer 自訂程式碼」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。