javascript - 如何测试facebook像素动态按钮

Question

我的购物车设置仅在按下添加到购物车按钮时触发 facebook Addtocart 像素跟踪。

因此，facebook 像素助手自然会显示像素未加载的错误。

我想知道是否有任何测试它，除了等待看看它是否在 facebook 像素仪表板中工作。

这是我在产品信息页面上的代码：

<input type="hidden" name="products_id" value="40" /><span class="tdbLink"><button id="tdb1" type="submit" id="addToCartButton">Add to Cart</button></span>



                <script type="text/javascript">
            $( '#addToCartButton' ).click(function() {
                fbq('track', 'AddToCart', {
                    content_ids: ['40'],
                    content_type: 'product'

                });
            });
        </script>

Answer 1

您可以检查 Chrome 开发工具面板的网络选项卡，

每当检测到事件时，FB 都会进行网络调用以将详细信息发送到其服务器。

使用带有关键字“facebook”或“fb”的网络选项卡过滤器来查看从您的网站到 Facebook 的所有传出网络连接。