将 Facebook Pixel 购买事件代码添加到 WooCommerce 购买完成页面

【问题标题】：Add Facebook Pixel Purchase Event Code to WooCommerce purchase completion page将 Facebook Pixel 购买事件代码添加到 WooCommerce 购买完成页面
【发布时间】：2021-07-14 22:01:50
【问题描述】：

我需要在 WooCommerce 的购买完成页面中添加以下内容：

复制事件代码sn-p。您可以添加参数以发送额外的页面数据。 fbq('追踪', '购买');

我尝试将以下代码添加到子主题functions.php文件中：

add_action('wp_enqueue_scripts', 'qg_enqueue');
function qg_enqueue() {
    if (is_order_received_page()) {
        wp_enqueue_script(
            fbq('track', 'Purchase');
        );
    }
}

致命错误。我确定我搞砸了，但我有点迷路了。我尝试了相当多的搜索。我正在尝试仅将脚本添加到订单接收页面，WooCommerce Checkout 端点。怎么了？

【问题讨论】：

标签： javascript php woocommerce endpoint facebook-pixel

【解决方案1】：

wp_enqueue_script() 函数中的代码中缺少引号，因此请尝试将fbq('track', 'Purchase'); 替换为"fbq('track', 'Purchase');"，它应该可以解决错误。

现在你最好使用wc_enqueue_js() function 使用template_redirect 钩子，如下所示：

add_action('template_redirect', 'enqueue_fbq_purchase_event');
function enqueue_fbq_purchase_event() {
    if ( is_order_received_page() ) {
        wc_enqueue_js( "fbq('track', 'Purchase');" );
    }
}

代码位于活动子主题（或活动主题）的functions.php 文件中。它应该更好地工作。

【讨论】：