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

Question

我是 squarespace 的新手。我的客户想为此跟踪页面浏览量，我已将基本像素代码注入所有页面的 header，并且效果很好，

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

上的任何购买按钮

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

Answer 1

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

A) 到用户点击按钮后看到的页面，或者
B) 到按钮本身。

如果您使用先前的选项 (A)，那么您需要确保用户登陆的页面确实表明您正在跟踪的事件并且用户没有到达出于任何其他目的访问该页面。这就是为什么我会倾向于后一种选择（B）。

您可以阅读有关添加事件代码的更多信息 here, and here，但总而言之：

Events are actions that happen on your website, either as a result of Facebook ads (paid) or organic reach (unpaid). The event code lets you track those actions and leverage them in advertising.

There are two types of events you can send:

Standard events. 9 events we're able to track and optimize your ads for without any additional actions...

Custom events. Actions that are important to your business, but that you can’t use for tracking and optimization without additional action...

...

如果您将这些按钮视为“添加到购物车”类型的操作，那么您将使用 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 or via site-wide code injection 注入此代码。我会推荐之前的，否则你网站上的所有按钮都会执行 fbq 事件代码，这可能是不可取的。

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

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

Add FB pixel event code into button - Squarespace

javascript

facebook

squarespace