javascript - 将 Facebook 跟踪事件附加到 Woocommerce 中的订单接收页面

Question

我想在 WooCommerce 购买确认页面中添加一个包含购买金额和货币的 Facebook 跟踪事件，而无需借助插件。

我假设像下面这样的东西会在 functions.php 文件中完成工作:

<?php
/**
 * Append Facebook tracking Event
 */
add_action( 'woocommerce_thankyou', 'facebook_tracking_thank_you_page' );

function facebook_tracking_thank_you_page() {
    $currency = $order->get_order_currency();
    $total = $order->get_total();
echo ("<script>fbq('track', 'Purchase', {value: '<?php echo $total ?>',currency: '<?php echo $currency?>'});</script>");
}
?>

但是，脚本根本不会在确认页面上回显。它还破坏了页面的布局。

我现在尝试将 echo 语句添加到全局 header (包装在针对该特定页面的 if 语句中):

Header.php

<!-- Echo Facebook Tracking on Checkout -->
<?php
    global $post;
    if($post->post_type == 'page' && $post->ID == '3327'){
        echo "<script>fbq('track', 'Purchase', {value: '<?php echo $total ?>',currency: '<?php echo $currency?>'});</script>";
    }
?>

同时将其保存在 functions.php 文件中:

/**
 * Append Facebook tracking Event
 */

add_action( 'woocommerce_thankyou', 'facebook_tracking_thank_you_page' );

function facebook_tracking_thank_you_page() {
    $currency = $order->get_order_currency();
    $total = $order->get_total();
}

但是，我在页面上看到的输出是这样的:

<script>fbq('track', 'Purchase', {value: '<?php echo  ?>',currency: '<?php echo ?>'});</script>

Answer 1

您的代码中有很多错误和错误。

• $order 变量未定义
• 您需要在钩子(Hook)函数中添加缺少的参数 $order_id
• 您需要从 Order ID
中获取 WC_Order 对象的实例
• WC_Order 方法 get_order_currency() 已弃用并替换为 get_currency()
• 还有一些人……

请尝试以下操作:

add_action( 'woocommerce_thankyou', 'facebook_tracking_thank_you_page', 90, 1 );
function facebook_tracking_thank_you_page( $order_id ) {
    // Get the WC_Order instance Object
    $order = wc_get_order( $order_id );

    // Output
    echo "<!-- Facebook tracking event -->
    <script>fbq('track', 'Purchase', {value: '".$order->get_total()
    ."',currency: '".$order->get_currency()."'});</script>";
}

代码在您的事件子主题(或事件主题)的 function.php 文件中。经过测试并有效。