WooCommerce变体商品加入购物车时准确获取选定变体SKU到数据层

glami('track', 'AddToCart', {
    item_ids: ['<?php echo $product->get_sku(); ?>'], // 这里需要获取当前选定的变体SKU
    product_names: ['<?php echo $product->get_name(); ?>'],
    value: <?php echo $product->get_price(); ?>,
    currency: 'EUR'
});

// ... 其他 Glami Pixel 初始化代码 ...

jQuery( document ).ready(function() {
    jQuery(".single_add_to_cart_button").click(function(){
        // 获取主产品SKU
        var mainProductSku = '<?php echo $product->get_sku(); ?>';
        // 尝试获取选定变体属性的文本，注意这里的ID是示例，需根据实际情况修改
        var selectedVariationAttribute = '';
        var variationElement = document.getElementById("select2-pa_velkost-container");
        if (variationElement) {
            selectedVariationAttribute = variationElement.innerText.trim();
        }

        // 构建唯一的 item_id。如果获取到变体属性，则组合；否则只用主SKU。
        var itemIdToTrack = mainProductSku;
        if (selectedVariationAttribute) {
            itemIdToTrack = mainProductSku + '_' + selectedVariationAttribute;
        }

        glami('track', 'AddToCart', {
            item_ids: [itemIdToTrack], // 使用组合后的唯一ID
            product_names: ['<?php echo $product->get_name(); ?>'],
            value: <?php echo $product->get_price(); ?>,
            currency: 'EUR'
        });
    });
});

// ... 其他代码 ...

function pixel_tracker() {
    if( is_wc_endpoint_url('order-received') ) return;
    if( is_product() ){
?>

    <!-- Glami piXel -->
        <script>
        (function(f, a, s, h, i, o, n) {f['GlamiTrackerObject'] = i;
        f[i]=f[i]||function(){(f[i].q=f[i].q||[]).push(arguments)};o=a.createElement(s),
        n=a.getElementsByTagName(s)[0];o.async=1;o.src=h;n.parentNode.insertBefore(o,n)
        })(window, document, 'script', '//www.glami.sk/js/compiled/pt.js', 'glami');

        glami('create', 'AADAD885F5F5FF4D', 'sk');
        glami('track', 'PageView');

<?php 
        /*Product view */

        /*prida iba do produktov*/
        if( is_product() ){
        global $post;
        $product = wc_get_product( $post->ID );


?>  
        /*View content type product*/

        glami('track', 'ViewContent', {
        content_type: 'product',
        item_ids: ['<?php echo $product->get_sku(); ?>'],
        product_names: ['<?php echo $product->get_name(); ?>'] 
        });

        /*Add to cart*/ 

        jQuery( document ).ready(function() {
            jQuery(".single_add_to_cart_button").click(function(){
                // 获取主产品SKU
                var mainProductSku = '<?php echo $product->get_sku(); ?>';
                // 尝试获取选定变体属性的文本
                // 注意：这里的ID "select2-pa_velkost-container" 是一个示例，
                // 您需要根据您的网站实际情况，通过浏览器开发者工具查找显示已选变体属性的元素的正确ID或类名。
                var selectedVariationAttribute = '';
                var variationElement = document.getElementById("select2-pa_velkost-container");
                if (variationElement) {
                    selectedVariationAttribute = variationElement.innerText.trim();
                }

                // 构建唯一的 item_id。如果获取到变体属性，则组合；否则只用主SKU。
                var itemIdToTrack = mainProductSku;
                if (selectedVariationAttribute) {
                    itemIdToTrack = mainProductSku + '_' + selectedVariationAttribute;
                }

                glami('track', 'AddToCart', {
                    item_ids: [itemIdToTrack], // 使用组合后的唯一ID
                    product_names: ['<?php echo $product->get_name(); ?>'],
                    value: <?php echo $product->get_price(); ?>,
                    currency: 'EUR'
                });
            });
        });

<?php
        }
?>

        </script>
    <!-- End Glami piXel -->

<?php
}
}
add_action('wp_head', 'pixel_tracker');