Header & Footer Code
從管理後台向網站的 head 或 body 加入 Google Analytics、Tag Manager、像素或任何程式碼。無需編輯佈景主題。
外掛
Header & Footer Code
從管理後台向網站的 head 或 body 加入 Google Analytics、Tag Manager、像素或任何程式碼。無需編輯佈景主題。
安裝
兩個步驟
- 在 EmDash 管理後台開啟 Registry，搜尋 Header & Footer Code，然後點擊 Install。它不需要任何權限。
- 在左側選單中開啟 Header & Footer Code，進入 Setup 分頁，把它顯示的簡短程式碼區塊貼到基礎版面配置的 head 中，通常是
src/layouts/Base.astro。如果你的網站是別人建置的，請把這段程式碼區塊寄給對方。
從此以後一切都在管理後台中完成。在 Common tags 分頁中貼上 ID 即可加入 Google Analytics、Tag Manager、Meta Pixel 或 Clarity，也可以在 Your code 分頁中貼上任何程式碼。變更會在一分鐘內生效到網站上。
常見問題
這個外掛有什麼作用？
它讓你從管理後台向網站加入小段程式碼：Google Analytics、Tag Manager、Meta Pixel、聊天小工具、字體、一點 CSS。你可以選擇程式碼放在哪裡以及顯示在哪些頁面上，並且隨時可以將其關閉。你無需開啟任何佈景主題檔案。
程式碼可以放在哪裡？
三個位置：head、body 開頭或 body 末尾。分析標籤應放在 head 中。聊天小工具和大多數其他指令碼應放在 body 末尾。
我可以只在某些頁面上顯示程式碼嗎？
可以。每個程式碼片段都可以顯示在所有頁面、僅首頁，或僅顯示在以某個路徑開頭的網址上，例如 /blog 或 /shop。
我需要懂程式碼嗎？
常見的不需要。在 Common tags 分頁中，你只需貼上 ID，外掛會產生程式碼：Google Analytics、Google Tag Manager、Meta Pixel 和 Microsoft Clarity。對於其他任何內容，把服務提供的程式碼貼到 Code 方塊中即可。
那麼 Google Search Console 或 Bing 驗證呢？
這已內建於 EmDash。開啟 Settings，然後進入 SEO，在那裡貼上驗證碼即可。無需外掛。
程式碼如何到達我的網站？
Setup 分頁中的一小段程式碼區塊只需放進基礎版面配置的 head 一次。此後它會載入你在這裡加入的所有內容。變更會在一分鐘內到達訪客。Setup 分頁會告訴你網站最近一次載入程式碼的時間。
我可以不刪除而只是關閉某項嗎？
可以。Turn off 會保留程式碼並停止執行。Turn on 會讓它恢復。Delete 會將其永久刪除。
它會拖慢網站嗎？
佈景主題中的程式碼區塊非常小，每個頁面只執行一次。每個程式碼片段只產生程式碼本身的開銷，就像直接貼到佈景主題中一樣。
更新日誌
0.1.0
- 首次發布。可向 head、body 開頭或 body 末尾加入程式碼，顯示在所有頁面、首頁，或以某個路徑開頭的網址上。
- 僅憑 ID 即可使用的常見標籤：Google Analytics、Google Tag Manager、Meta Pixel、Microsoft Clarity。
- 開啟和關閉程式碼片段、編輯、刪除。Setup 分頁會顯示網站是否正在載入程式碼。