將FB像素事件代碼添加到按鈕中 - Squarespace

Question

我是新來的方形空間。 我的客戶希望跟蹤此頁的意見，我已經注射基地像素代碼頭的所有網頁和它的工作完美，

但現在她要跟蹤，如果任何一個用戶點擊買this page

按鈕

我不知道如何將Facebook像素代碼注入到方形空間中的按鈕，任何想法或引用將不勝感激。 感謝

Answer 1

這聽起來像你想要做的是增加一個「事件代碼」什麼或者：

• A）到用戶點擊該按鈕後看到的網頁，或
• 二）按鈕本身。

如果您打算使用之前的選項（A），那麼您需要確保用戶登陸的頁面確實表明您正在追蹤的事件以及用戶不會到達該頁面用於任何其他目的。這就是爲什麼我會傾向於後者（B）。

你可以閱讀更多關於添加事件代碼here，並here，但總結：

事件是您網站上發生的行爲，無論是作爲 Facebook上的廣告（付費）或有機結果達到（無償）。事件代碼讓你 追蹤這些行爲並在廣告中利用它們。

有兩種類型的事件，您可以發送：

• 標準事件。 9個活動，我們可以跟蹤並優化您的廣告，而無需執行任何其他操作...
• 自定義事件。行動是對您的業務很重要，但你不能跟蹤和優化，無需額外操作使用...

...

如果你要考慮這些按鈕是「添加到購物車」類型的動作，那麼您將使用AddToCart事件。要做到這一點，你可以使用JavaScript類似以下內容：

<script> 
    (function() { 
     var btns = document.getElementsByClassName("sqs-block-button-element"); 
     var i, I; 

     for (i=0, I=btns.length; i<I; i++) { 
      btns[i].addEventListener("click", function() { 
       fbq("track", "AddToCart"); 
      }); 
     } 
    })(); 
</script> 

你可以使用注入或per-page code injection通過site-wide code injection此代碼。我會建議事先，否則您網站上的所有按鈕將執行fbq事件代碼，這可能是不可取的。

無論您是使用站點範圍內的還是每頁面的注入，您都可能希望使用更具體的選擇器更好地定位按鈕。例如，您可以使用querySelectorAll，並通過href屬性指定目標。但是，如果您使用逐頁面注入，我提供的代碼應該可以工作;它會將其應用於該頁面上的每個按鈕。