WooCommerce添加购物车触发Uncaught ReferenceError: _jts未定义求助

错误Uncaught ReferenceError: _jts is not defined说明触发添加到购物车动作时，全局变量_jts尚未被定义或加载，以下是针对性的解决思路和具体方案：

1. 优先初始化全局变量_jts #

不管跟踪脚本的加载时机如何，先在页面全局作用域初始化_jts数组，避免未定义错误。修改你的tracking_code方法，确保输出脚本的第一行就完成初始化：

public function tracking_code() {
    ?>
    <script>
        // 提前初始化_jts，确保任何时候调用push都不会报错
        window._jts = window._jts || [];
        
        // 这里放置服务商提供的完整跟踪初始化代码
        // 例如加载外部跟踪脚本的逻辑
        (function() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.async = true;
            script.src = '服务商提供的跟踪脚本URL';
            var firstScript = document.getElementsByTagName('script')[0];
            firstScript.parentNode.insertBefore(script, firstScript);
        })();
    </script>
    <?php
}

这种方式下，即使跟踪脚本尚未加载完成，_jts.push()的内容也会被暂存到数组中，等脚本加载后自动执行。

2. 适配AJAX添加到购物车场景 #

WooCommerce默认的AJAX添加到购物车不会刷新页面，若你的跟踪事件是在AJAX回调中触发，需确保事件绑定逻辑里也做了变量初始化：

// 监听WooCommerce添加到购物车的AJAX成功事件
jQuery(document).on('added_to_cart', function(event, fragments, cartHash) {
    // 再次确保_jts存在
    window._jts = window._jts || [];
    _jts.push({
        "track": "add_to_cart",
        "product_id": event.target.dataset.product_id,
        "quantity": 1 // 可根据实际情况获取数量
    });
});

3. 确保跟踪代码在所有相关页面加载 #

检查你的add_action('wp_head', ...)是否被条件判断限制了加载范围（比如仅在首页加载），如果是，需扩展条件覆盖WooCommerce相关页面：

// 替换原有的add_action代码，确保跟踪代码在所有WooCommerce页面和产品页加载
if (is_woocommerce() || is_product()) {
    add_action('wp_head', array($this, 'tracking_code'));
}

或直接移除条件限制，让跟踪代码在所有前端页面加载。

4. 改用服务器端触发跟踪事件（推荐） #

既然你使用的是服务器端跟踪，可以完全绕过前端JS的依赖问题，直接在WooCommerce的添加到购物车钩子中执行服务器端请求：

add_action('woocommerce_add_to_cart', 'track_add_to_cart_server_side', 10, 6);
function track_add_to_cart_server_side($cartItemKey, $productId, $quantity, $variationId, $variation, $cartItemData) {
    // 组装跟踪数据
    $trackingData = array(
        'track' => 'add_to_cart',
        'product_id' => $productId,
        'quantity' => $quantity,
        'user_id' => get_current_user_id()
    );
    
    // 发送POST请求到服务商的服务器端跟踪API
    wp_remote_post('服务商的服务器端API地址', array(
        'body' => $trackingData,
        'timeout' => 5,
        'sslverify' => false // 若服务商API未配置可信SSL，可临时关闭验证
    ));
}

这种方式完全不依赖前端JS，从根源避免了_jts未定义的问题。

内容的提问来源于stack exchange，提问作者SKS