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

Question

我是squarespace的新手。 我的客户想要跟踪页面视图，我已经将基本像素代码注入到所有页面的标题中，并且它工作得很完美，

但现在她想跟踪，如果用户点击this page

上的任何购买按钮

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

Answer 1

听起来你想要做的就是添加一个＆＃34;事件代码＆＃34;之一：

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

如果您使用之前的选项（A），那么您需要确保用户登陆的页面实际上表明您正在跟踪的事件以及用户不会出于任何其他目的到达该页面。这就是我倾向于后一种选择（B）的原因。

您可以阅读有关添加事件代码here和here的更多信息，但总结如下：

  

事件是指您的网站上发生的操作，或者是因为这些操作   Facebook广告（付费）或有机覆盖（未付）。事件代码可以让你   跟踪这些行动并在广告中利用它们。

     

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

     

  
• 标准活动。 9项活动我们无需任何其他操作即可跟踪和优化您的广告......
  
• 自定义活动。对您的业务非常重要的操作，但如果没有其他操作，则无法用于跟踪和优化...
  

     

...

     

如果您认为这些按钮是＆＃34;添加到购物车＆＃34;行动类型，然后您使用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>

您可以使用per-page code injection或site-wide code injection注入此代码。我会推荐先前的，否则你网站上的所有按钮都会执行fbq事件代码，这可能是不受欢迎的。

无论您是使用站点范围还是每页注入，您都可能希望使用更具体的选择器更好地定位按钮。例如，您可以使用querySelectorAll并按href属性定位。但是，如果您使用每页注入，我提供的代码应该工作;它会将它应用于该页面上的每个按钮。