Javascript 将FB像素事件代码添加到按钮空间

我不熟悉太空。 我的客户希望跟踪此页面的浏览量，我已将基本像素代码注入到所有页面的页眉，效果非常好

但现在她想跟踪，如果用户点击任何购买按钮

我不知道如何将facebook像素代码注入squarespace中的按钮，任何想法或参考都将不胜感激。

---

谢谢

听起来您想要做的是添加一个“事件代码”：

• A） 指向用户单击按钮后看到的页面，或
• B） 到按钮本身

如果您使用的是优先选项（A），那么您需要确保用户登录的页面确实指示您正在跟踪的事件，并且用户不会出于任何其他目的到达该页面。这就是为什么我倾向于后一种选择（B）

您可以阅读有关添加事件代码的更多信息，以及，但概括而言：

事件是在您的网站上发生的行为，可能是由于 Facebook广告（付费）或有机广告（免费）。事件代码允许您 跟踪这些行为并在广告中加以利用

您可以发送两种类型的事件：

• 标准事件。9个事件我们能够跟踪和优化您的广告，而无需任何额外的行动
• 自定义事件。对您的业务非常重要的操作，但如果没有其他操作，您无法使用这些操作进行跟踪和优化

如果你认为这些按钮是一个“添加到购物车”类型的动作，那么你会使用<代码> AddoTART/<代码>事件。为此，您可以使用类似于以下内容的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>

window.Squarespace.onInitialize（Y，function（）{
var btns=document.getElementsByClassName（“sqs块按钮元素”）；
var i；
对于（i=btns.length-1；i>=0；i--）{
btns[i].addEventListener（“单击”，函数（）{
fbq（“轨道”、“添加到零件”）；
});
}
});

您可以使用或通过注入此代码。我建议使用之前的方法，否则站点上的所有按钮都将执行fbq事件代码，这可能是不可取的

---

无论您使用的是站点范围的注入还是每页注入，您都可能希望使用更具体的选择器更好地定位按钮。例如，可以使用

querySelectorAll

和targetby

href

属性。但是，如果使用每页注入，我提供的代码应该可以工作；它将应用于该页面上的每个按钮。

我所做的是使用javascript调用按钮点击时的fb像素事件代码，它工作正常。谢谢