将FB像素事件代码添加到按钮-Squarespace

Question

我是 squarespace 的新手。 我的客户想要跟踪此页面的浏览量，我已将基本像素代码注入到所有页面的标题中，效果非常好，

但现在她想跟踪，如果用户点击此页面

上的任何购买按钮

我不知道如何将 facebook 像素代码注入到 squarespace 中的按钮中，任何想法或参考都将受到高度赞赏。 谢谢

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

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

Answer 2

我们如何隐藏标准事件代码？我们的显示在我们实时网站的左上角。谢谢！