社群分享按鈕是每個部落格網站不可或缺的功能，能讓使用者輕鬆將喜歡的文章分享到Line、Facebook等平台，增加網站流量與曝光度。本文適合想快速在 WordPress 網站上架設分享按鈕的工程師或自學者，透過 AddToAny 外掛完成設定。

安裝 AddToAny 外掛

在 WordPress 後台，點擊「外掛 -> 安裝外掛」，於搜尋欄輸入「share」即可找到 AddToAny 外掛。安裝並啟用後，即可進行後續設定。

AddToAny 外掛設定

1. 進入設定頁面

滑鼠移至「設定」選單，點選「AddToAny」進入外掛設定介面。

2. Standard 標準按鈕設定

• Icon Style：調整分享按鈕的尺寸與背景樣式，預設為 32 pixels。
• Share Buttons：選擇要顯示的社群平台，點擊「Add/Remove Services」可新增或移除按鈕。
• Universal Button：設定「更多分享」按鈕的樣式，可選擇預設的「+」號圖示、圖片網址或純文字。
• Show count：開啟後會顯示分享次數統計。

3. Sharing Header 與 Placement

• Sharing Header：設定分享按鈕上方的標題文字。
• Placement：決定分享按鈕顯示的位置，例如文章下方、首頁或分類頁。根據需求選擇適合的顯示位置，注意不同主題可能有額外的 Post type 選項。

4. Floating 浮動按鈕設定

Vertical Buttons（垂直浮動）

• Placement：選擇浮動按鈕顯示於左側或右側。
• Responsiveness：設定視窗寬度大於多少時顯示。
• Position：調整按鈕上下位置。
• Offset：調整按鈕左右偏移。
• Icon Size：設定按鈕大小。
• Background：設定背景顏色。

Horizontal Buttons（水平浮動）

• Placement：選擇浮動按鈕顯示於左側或右側。
• Responsiveness：設定視窗寬度小於多少時顯示。
• Position：調整按鈕左右位置。
• Offset：調整按鈕上下偏移。
• Icon Size：設定按鈕大小。
• Background：設定背景顏色。

完成設定後，記得點擊「Save Changes」儲存。

檢查前端顯示

設定完成後，進入文章頁面下方確認分享按鈕是否正常顯示。若按鈕位置與設定相符，即代表設定成功。

延伸與常見坑

• 不同 WordPress 主題可能會影響按鈕顯示位置，必要時可透過 CSS 微調。
• 若使用快取外掛，設定後可能需要清除快取才能看到變更。
• 分享按鈕過多會影響頁面載入速度，建議選擇主要平台即可。

完整程式碼

// AddToAny 為 WordPress 外掛，無需手動撰寫程式碼，以下為設定步驟示意
// 1. 安裝並啟用 AddToAny 外掛
// 2. 進入「設定」->「AddToAny」
// 3. 設定 Standard 與 Floating 按鈕選項
// 4. 儲存設定並檢查前端顯示

以上即為利用 AddToAny 外掛快速建立 WordPress 社群分享按鈕的完整流程與說明。

Facebook Pixel 是 Facebook 廣告行銷中不可或缺的工具，能幫助你追蹤網站訪客的行為，例如點擊購買按鈕、送出表單或停留時間等，進而優化廣告投放效果。本文適合想在 WordPress 網站快速安裝並設定 Facebook Pixel 的工程師與自學者。

步驟1：安裝 PixelYourSite 外掛

在 WordPress 後台，前往「外掛 -> 安裝外掛」，搜尋「Facebook Pixel」即可找到 PixelYourSite 外掛。安裝並啟用後，管理選單會出現 PixelYourSite，點擊進入開始設定。

步驟2：PixelYourSite 基本設定

1. 取得 Facebook Pixel ID： 在 Facebook 廣告後台的像素區域，複製你的 Pixel ID（長數字字串）。

2. 貼上 Pixel ID： 將 Pixel ID 貼到 PixelYourSite 的「Add your Facebook Pixel ID」欄位。

3. 設定 Pixel 程式碼位置： 選擇「Output Pixel Code to」為 Head，確保 Pixel 程式碼載入在頁面頭部。

4. 設定 General Event：

   • General event name：輸入事件名稱，例如「進入頁面超過30秒(可自訂)」。
   • Delay：設定用戶停留時間（秒數），超過此時間即觸發事件。
   • Enable on Posts：選擇要追蹤的文章類型，通常全選。

5. 啟用搜尋事件追蹤： 預設勾選「Enable Search event setup」，可追蹤網站搜尋行為，事件名稱為「Search」。

6. 排除管理者事件捕捉： 勾選不想追蹤的管理者帳號，避免干擾數據。

7. 啟用外掛設定並儲存： 勾選「Activate plugin general settings」，點擊「Save Settings」完成設定。

步驟3：確認 Facebook Pixel 是否安裝成功

1. 安裝 Chrome 擴充功能「Facebook Pixel Helper」，用來檢測網頁是否有成功埋設 Pixel。

2. 進入網站頁面並等待設定的延遲時間（例如30秒），觀察 Pixel Helper 是否偵測到事件。

3. 若成功，稍後可在 Facebook 廣告後台看到事件數據。注意事件數據非即時更新，需等待一段時間。

實際應用與延伸

Facebook Pixel 捕捉的事件數據可用於建立類似受眾、再行銷等廣告策略，提升廣告精準度與投資報酬率。未來可進一步設定自訂事件或結合其他行銷工具。

常見坑

• Pixel ID 貼錯或未啟用外掛設定，導致無法追蹤。
• 選錯 Pixel 程式碼位置可能影響載入效果，建議放在 Head。
• 忘記排除管理者帳號，會造成數據污染。

完整程式碼

// PixelYourSite 外掛為 WordPress 插件，無需手動撰寫程式碼，以下為設定步驟示意
// 1. 安裝並啟用 PixelYourSite 外掛
// 2. 在 PixelYourSite 設定頁面輸入 Facebook Pixel ID
// 3. 選擇 Pixel 程式碼位置為 Head
// 4. 設定 General Event 名稱與延遲時間
// 5. 啟用搜尋事件追蹤
// 6. 排除管理者帳號
// 7. 啟用設定並儲存

// 以上設定完成後，PixelYourSite 會自動在網站頁面插入 Facebook Pixel 程式碼並追蹤事件