如何在眨眼間在 WordPress 上安裝 Facebook 像素

以我的微小測量——我是 1 像素高乘以 1 像素寬——我完全沒有註意到。

所以，是的，我真的很矮。 但是，哦，我有多強大。 非常非常強！

我不會給你我的自畫像。 我說的怪人是 Facebook 像素。

如果您還沒有使用它，請知道，如果您在 Facebook 和/或 Instagram 上做廣告，並且想要最大化您的 ROI（投資回報率），那麼這是在您的網站上緊急安裝的工具。

在這篇文章中，我將逐步詳細說明要遵循的過程。 我會告訴你這個神奇標本的所有秘密。

現在，這是概述。

最初寫於 2020 年 3 月，本文於 2021 年 11 月更新。

您最好的 WordPress 項目需要最好的主機！

WPMarmite 推薦 Bluehost：出色的性能，出色的支持。 所有你需要一個好的開始。

試試 Bluehost

什麼是 Facebook 像素？

它是一種分析工具，可讓您訪問與訪問者在您的網站上執行的操作相關的數據（例如按鈕點擊、轉化、頁面瀏覽、購買等），從而衡量和優化您的 Facebook 廣告。

只要您在世界排名第一的社交網絡上創建了一個廣告帳戶，您就可以自動免費訪問它，每月也有超過 20 億人使用該社交網絡。

Facebook 群組於 2021 年 10 月更名。現在稱為 Meta，包含多種工具：Facebook、Instagram、WhatsApp、Oculus 等。

如果我們必須粗略比較，假設它是一種特定於 Facebook 的 Google Analytics。

但是讓我們舉一個具體的例子來解釋它的用處。 讓我們假設您有一個 WooCommerce 商店，您可以在上面銷售粉絲。

一旦有人在您的網站上執行操作（例如查看您的第一銷售粉絲的頁面），就會觸發 Facebook 像素。

然後，您將能夠在他們的 Facebook 或 Instagram 信息流上向他們發送有針對性的廣告，以提醒他們您出色的在線商店出售超高效的刷新粉絲（如果他們還沒有結賬，是時候讓他們結賬了已經）。

你明白了主要的想法：在這種情況下，目標是幫助你進行更多的銷售，並提高你的轉化率（例如，執行訪問者的特定操作，例如下載 PDF）。

好吧，這一切都很好，但是你必須問自己這些東西是如何機械地工作的？

我會馬上給你詳細的。

事實上，Facebook 像素是一段 JavaScript 代碼，其中包含 1 像素高 x 1 像素寬的圖像，因此得名。

看，它看起來像這樣：

我已經為您提供了與所述圖像對應的代碼，以便您理解。

顯然，這個小小的“告密者”，可以說是肉眼看不見的。 您可以通過在瀏覽器的新選項卡中粘貼圖像的地址（在上面的屏幕截圖中以 https://www.facebook.com/tr? 開頭）來進行測試：您將看不到任何內容，空白頁.

對於其餘的，就在下面，你需要睜大眼睛。

幫助您製作更好廣告的分析工具

我希望您已經了解我們的小型間諜工具是如何工作的。

為了讓您流口水，您將立即發現它如何幫助您製作更好的廣告，以及它可以為您做什麼。

首先，稍微提醒一下。 正如 Facebook 解釋的那樣：

設置 Facebook 像素後，當有人在您的網站上執行操作時，該像素就會觸發。 操作示例包括將商品添加到他們的購物籃或進行購買。 像素接收這些操作或事件，您可以在事件管理器的 Facebook 像素頁面上查看這些操作或事件。

來源：商業幫助中心 關於 Facebook Pixel

現在，您手頭有大量數據可以分析訪問者的行為，當然還有優化您的廣告。

這將允許您：

建立相似的受眾

類似受眾，Facebook 也稱他們為相似受眾。

由於像素收集的數據，您將能夠接觸到與您當前訪問者俱有相同個人資料的人，因此“可能對您的業務感興趣” 。

這將使您能夠更準確地定位您的廣告，並且您還將能夠接觸到以前從未訪問過您的網站的受眾，從而擴大您的潛在客戶群。

重新定位

您是否有興趣向已經對您的產品或服務提供初步興趣的人廣播廣告？

可以通過重定向來實現。 在這種情況下，您將定位訪問過您的網站或特定頁面但尚未完成所需過程的互聯網用戶。

讓我們以我們的在線粉絲商店為例。 由於重新定位，您將能夠向已將粉絲添加到購物車但尚未付款的人發送廣告。

簡而言之，你告訴他們： “嘿，你，記住，你快買完了！ 現在，您所要做的就是提供您的付款信息。 為此，請回到我的網站，就在這裡！”

加入 WPMarmite 訂閱者

獲取最新的 WPMarmite 帖子（以及獨家資源）。

現在訂閱

跟踪您的轉化

Facebook 像素還可以讓您了解訪問者在點擊您的廣告後在您的網站上採取了哪些操作。

這稱為轉換，它可以指幾件事：

• 在購物車中添加產品。
• 購買產品。
• 填寫表格。
• 訂閱您的時事通訊等。

由於收集到的數據，您將能夠衡量您的結果，計算您的 ROI（投資回報率），當然還可以在必要時糾正您的作案方式。

例如，如果您的廣告旨在讓您的訪問者填寫表單，但轉化率似乎很低，則可能您的表單設計不當，需要重新設計。

簡而言之，正如 Facebook 所說，Facebook 像素允許您衡量廣告的結果並通過讓您接觸到“適當的受眾”來優化它們。

誰參與？

從邏輯上講，Facebook 像素的“優先”用戶是在… Facebook 上做廣告的人（但也在 Instagram 上，因為這個社交媒體是 Meta 的財產——前 Facebook——它的廣告可以從 Facebook 業務管理器中設置） .

如果您還沒有這樣做，但可能計劃有一天這樣做，那麼安裝這段代碼可能仍然值得。

Facebook 將開始收集有關您的訪問者的信息。 一旦您準備好將自己定位在起跑線上，您就可以訪問所有需要的信息，從而獲得良好的開端。

您現在知道我們著名的像素可以為您帶來什麼，以及您是否需要它。

不過順便問一下，這個著名的 Facebook 像素是怎麼誕生的呢？ 使用說明在下一部分。

如何創建 Facebook 像素

為了在 WordPress 上安裝 Facebook 像素，您必須首先創建一個 Facebook 廣告帳戶（如果您還沒有）。

您可以通過 Facebook Business Manager 儀表板執行此操作。 這是一個管理您的廣告帳戶、專業頁面等的免費平台。社交網絡在此頁面上解釋瞭如何執行此操作。

接下來，您可以轉到廣告管理器。

單擊頁面左上角的漢堡菜單，然後單擊事件管理器。

然後，單擊藍色的+ 連接數據源按鈕。

然後將打開一個新窗口並詢問您：

• 您的網站。 這是我們將在此處選擇的選項，因為我假設您希望連接您的 WordPress 站點“以共享在線活動，包括查看內容、添加到購物車和購買事件”作為 Facebook 詳細信息。
• 您的移動應用程序。
• 離線。
• 您的客戶關係管理。

然後給你的像素起個名字，然後點擊藍色的“創建像素”按鈕。

最後，輸入您網站的 URL，然後單擊藍色的“驗證”按鈕。

如果檢測到與 Facebook 的合作夥伴之一（Shopify、Squarespace、WordPress）集成，Facebook 會通知您。 是的，它適用於 WordPress！

單擊“下一步”後，Facebook 會為您提供關聯您的 WordPress 帳戶，方法是安裝其內部插件，稱為 Facebook for WordPress。

它可能非常合適，但它有兩個主要缺陷：

• 它的評分很低（5 顆星中的 3 顆星），這並不能真正激發信心。 在撰寫本文時，最近的一些用戶反饋表明該插件破壞了他們的網站。
• 插件的描述在激活後指出， “更新後，由於已知問題，該插件可能會被停用” 。 我們知道更令人放心的……
• 有了它，您將無法從 WordPress 儀表板做任何事情。

所以，讓我們忘記它吧。 出於本教程的目的，我們將重點介紹另一個更完整的免費插件，用於在 WordPress 上安裝 Facebook 像素：Pixel Cat。

在下面了解它。

使用 WP Rocket 加速您的網站

使用 WordPress 專家認可的最強大的緩存插件將您的網站變成火箭。

試試 WP 火箭

如何使用 Pixel Cat 插件在 WordPress 上安裝 Facebook 像素？

最初，本文介紹了另一個插件：Pixel Caffeine。 非常實用且易於使用，在編寫此更新時已不再相關。 自 2021 年 10 月 1 日起，其開發人員已表示不再支持開發新版本或更新。
雖然您可能仍然可以在閱讀本文時在您的網站上激活它，但我們建議您不要再使用它（例如，過時的插件可能存在安全漏洞）。

Pixel Cat 擁有 50K 的活躍安裝量，是在 WordPress 上安裝 Facebook 像素的最著名插件之一。

我們還要注意它的更新頻率很高。 即使它的評價低於其主要競爭對手（PixelYourSite），我發現它的界面更適合初學者（它還允許創建更多事件）。

正如您將看到的，它也非常易於使用。

Pixel Cat 將允許您直接從 WordPress 儀表板使用 Pixel 的一些功能，例如創建事件。

要安裝 Pixel Cat，請轉到 WordPress 網站的管理，然後按照以下路徑操作：插件 > 添加新的。

安裝並激活插件。 在其設置頁面的“主要”選項卡上，單擊“添加像素”按鈕將 Facebook 像素添加到您的網站。

然後將突出顯示一個彈出窗口。 您所要做的就是輸入像素的 ID，您可以在事件管理器中找到該 ID。

點擊“添加”按鈕：

還有什麼？ 好吧，這一切都很好！ 恭喜，您的 WordPress 上的 Facebook 像素現已安裝。 我將在本文的第 4 部分向您展示如何檢查它是否正常工作。

要設置您的廣告，我建議您使用 Facebook 廣告管理器，它比 Pixel Cat 更完整。

儘管如此，後者允許您在保留 WordPress 的同時進行一些調整，這可能適合您。

例如，您可以根據網站訪問者執行的某些操作設置事件：訪問頁面、單擊鏈接、將鼠標懸停在元素上。

Pixel Cat 還允許您在 WooCommerce 上激活 Facebook 像素。 您將能夠根據訪問者在您網站上的瀏覽內容（產品、類別等）在 Facebook 或 Instagram 上通過廣告動態重新定位訪問者。

下載像素貓插件：

你一切都好嗎？ 我打賭你已經放棄了一個很大的“是”，所以讓我們繼續吧！

如果您不想在您的網站上安裝額外的插件並且不怕弄髒您的手，您也可以手動安裝您的像素。

這是下一部分的主題。

如何手動安裝像素？

為此，請返回您的 Facebook 廣告帳戶（在事件管理器中），然後單擊Continue Pixel Setup 。

在下一個窗口中，選擇“手動安裝代碼”。

然後，您將可以訪問像素的 JavaScript 代碼，您可以將其複制並粘貼到您的 WordPress 網站上：

從上面的截圖可以看出，Facebook 建議您將像素代碼粘貼到標籤的正上方。

但是，最合適的方法是將代碼片段粘貼到您的子主題的functions.php文件中。

這個秘密的小東西通過以下路徑位於您的主題文件夾中： wp-content > 主題 > 主題名稱 > functions.php 。

如果您使用子主題（幹得好！）：將父主題中的functions.php文件複製並粘貼到子主題文件夾中。

然後打開functions.php並在文件末尾添加以下代碼。 記得粘貼 Facebook 像素代碼而不是文本 /* 此處的像素代碼 */，當然：

 add_action('wp_head', 'wpm_add_fbpixel');
函數 wpm_add_fbpixel(){
?>
/* 這裡是像素代碼 */
<?php
};

保存您的文件，您可以放鬆一下，一切順利。 呸，一切順利！

在 WordPress 上使用 Facebook 像素之前的最後一次技術檢查：檢查它是否正常工作！

如何知道您的像素是否適用於 WordPress？

使用事件管理器

為確保所有這些工作正常，請返回您的活動管理器。

如果它正常工作，您將看到您選擇的時間段（例如，過去 28 天）的圖形活動。

如果沒有，您將看到以下消息：“您的像素尚未收到任何活動”：

確保通過單擊“繼續像素設置”按鈕正確設置。

如果您的像素到目前為止工作正常並且由於某種原因沒有響應，請查看事件管理器的“診斷”選項卡。

在那裡，您會發現已檢測到的任何問題，以及改進事件配置的建議：

使用 Facebook Pixel Helper 擴展

另一種解決方案：使用名為Facebook Pixel Helper的 Chrome 擴展程序。

您可以通過在您喜歡的瀏覽器上進行搜索或訪問 Chrome 網上應用店來找到它。

當您將它添加到 Google 的瀏覽器時，您會看到它出現在您的工具欄中。

通過訪問您的網站並單擊相關的 Chrome 擴展程序完成。

如果它有效，你應該得到這樣的消息：

如何使用像素：標準事件和自定義轉化

所有的燈都是綠色的，你的像素在工作嗎？ 完美的。 接下來，您必須問自己如何使用像素並充分利用它，對嗎？

為了盡可能地為您提供指導，我們將專注於“事件”的概念，即訪問者在您的網站上執行的操作，這將觸發 Facebook 像素。

標準事件

正如著名的社交網絡所解釋的：

事件是在您的網站上發生的操作。 標準事件由 Facebook 預定義，可用於記錄轉化、優化轉化和建立受眾。

來源：Facebook Pixel 標準事件的業務幫助中心規範

總共有17個。

要收集特定事件的數據，您需要在您選擇的頁面上 Facebook 像素的基本代碼中安裝與所需操作（例如添加到購物車、完成註冊等）相對應的一小段代碼。

這不是本文的目的，所以我不會給你一個詳細的教程。

但是，為了幫助您，我邀請您查看此頁面，該頁面解釋瞭如何繼續使用一個或多個標準事件。

如果您覺得自己無法處理代碼，Facebook 有另一個解決方案：自定義轉換。

自定義轉化

根據 Facebook 的說法，它們允許您“設置標準事件而無需額外代碼” ，例如，使用您網站上的 URL 來找出特定操作發生的位置。

Facebook 補充說，通過自定義轉換， “您可以過濾所有購買以僅衡量超過 40 美元的女鞋購買” 。

僅供參考，社交網絡建議您在以下情況下使用自定義轉換：

要創建自定義轉換，它的工作原理如下。

GDPR 合規性如何？

人們對 Facebook 像素有很多疑問，其中一個經常出現在桌面上：

它符合 GDPR 嗎？

這是一個相當棘手的問題，但我們會盡力為您提供一些答案。

該主題是技術性的，鑑於這不是我們的工作，我們只能建議您與該領域的專家（例如律師）取得聯繫。

讓我們先簡要回顧一下 GDPR 是什麼。 它是通用數據保護條例的首字母縮寫詞，這是一項於 2018 年生效的歐洲法規。

它的目的？ 確保每個人都可以控制和安全地控制他們在瀏覽網頁時傳播的個人數據。

這就是一般功能。 回到臉書。 這家由馬克扎克伯格創建的公司聲稱它符合 GDPR，儘管過去曾對該公司提起過幾起投訴和訴訟。

然後它就在你身邊。 或者更確切地說，在您的 WordPress 網站上。

事實上，正如 Facebook 所說，您必須“獲得個人的事先同意才能在其設備上存儲和訪問 cookie 或其他信息” 。

這就是它變得有點混亂的地方，因為你聽到了上面的一切。

為了更清楚地了解情況，請訪問歐盟委員會網站，當涉及到訪問每個國家/地區的特定 GDPR 法規時，Facebook 會將您重定向到該網站。

如果您訪問相關頁面，您會發現有用的信息。 此外，請查看您需要了解的有關 GDPR 合規性的所有詳細信息。

我建議您查看數據保護的國際維度頁面，您可以在其中找到更多符合 GDPR 的信息。

他們將為您提供許多其他提示，以在您的網站上進行正確的修改。

你可以再次深呼吸。 你即將結束這篇文章。 我們現在要做的就是總結你所學的一切。

在此處查看我們專門針對 GDPR 合規性的帖子。

使用 Elementor 構建您的網站

使用著名的頁面構建器輕鬆設計 WordPress 網站的外觀和感覺。 嘗試元素

嘗試元素

那麼，像素還是無像素？

不要錯過它：它可以快速集成，而且您現在知道如何手動或使用插件將其添加到您的網站。

從現在開始，我就交給你了。 你打算很快使用這個小代碼嗎？

或者如果你已經在使用它，你是怎麼做的？

使用下面的評論分享您的反饋和其他提示。