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

Question

我是Squarespace的新手。 我的客戶想為此跟蹤網頁瀏覽量，我已將基本像素代碼注入所有網頁的標題中，並且效果很好，

但是現在她想跟蹤，如果用戶單擊此頁面上的任何購買按鈕

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

Answer 1

聽起來您想做的是添加“事件代碼”：

• A）到用戶在單擊按鈕后看到的頁面，或者
• B）到按鈕本身。

如果您使用的是先前選項（A），那么您要確保用戶登陸的頁面確實表明您正在跟蹤的事件，並且用戶不會因為任何原因而到達該頁面其他目的。 這就是為什么我傾向於后一種選擇（B）。

您可以在此處和此處閱讀有關添加事件代碼的更多信息，但總而言之：

事件是由於Facebook廣告（付費）或自然覆蓋（未付費）而在您的網站上發生的操作。 通過事件代碼，您可以跟蹤這些操作並在廣告中利用它們。

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

• 標准活動 。 9個事件，我們無需任何其他操作即可跟蹤和優化您的廣告...
• 自定義事件 。 對您的業務很重要的操作，但是如果沒有其他操作，您將無法將它們用於跟蹤和優化...

...

如果您將這些按鈕視為“添加到購物車”操作類型，則可以使用AddToCart事件。 為此，您可以使用類似於以下內容的Javascript：

<script>
    window.Squarespace.onInitialize(Y, function() {
        var btns = document.getElementsByClassName("sqs-block-button-element");
        var i;
        for (i=btns.length-1; i>=0; i--) {
            btns[i].addEventListener("click", function() {
                fbq("track", "AddToCart");
            });
        }
    });
</script>

您可以使用每頁代碼注入或站點范圍內的代碼注入注入此代碼。 我建議使用以前的版本，否則您網站上的所有按鈕都將執行fbq事件代碼，這可能是不可取的。

無論您使用站點范圍注入還是每頁注入，您都可能希望使用更具體的選擇器來更好地定位按鈕。 例如，您可以使用querySelectorAll並按href屬性定位。 但是，如果使用每頁注入，則我提供的代碼應該可以使用； 它將應用於該頁面上的每個按鈕。