Question

我尝试配置高级电子商务分析，以便从订单确认页面读取交易数据。

我从Dom元素中抓取数据，因为这是我唯一可用的选项。

我能够读取transactionId，transactionTotal，transactionShipping等字段，但无法读取transactionProducts。（我只能阅读1个产品，但如果订单中有多个产品，则不会再阅读。）

我的数据图层已添加为自定义HTML标记，如此 -

<script>      
window.dataLayer = window.dataLayer || []  
    dataLayer.push({
        'transactionId': {{transactionId}},
        'transactionAffiliation': 'Company name',    
        'transactionTotal': {{transactionTotal}},
        'transactionTax': 0,
        'transactionShipping': {{transactionShipping}},
        'transactionProducts': [{
            'sku':  {{productCode}},
            'name': {{transactionName}},
            'category': 'Generic category',
            'price': {{transactionPrice}},
            'quantity': {{transactionQuantity}}
        }]
    });
</script>

这些字段是自定义JavaScript变量。

例如 -

TransactionId -

function() {
    var transactionId = document.querySelector([id*='OrderNumberValue']").textContent;
return transactionId;
}

在确认页面上触发标记后，数据层看起来就是这样（如您所见，订单中有2个产品时只返回1个交易产品） -

Window Loaded:
    {event: 'gtm.load'}
    transactionId: '1000001',
    transactionAffiliation: 'Company name',
    transactionTotal: '10.00',
    transactionTax: 0,
    transactionShipping: '0.00',
    transactionProducts: [
    {
        sku: 'SAMPLE1',
        name: 'Sample product',
        category: 'Generic category',
        price: '5.00',
        quantity: '1'
    }]
}
{gtm.start: 1474472447660, event: 'gtm.js'}

非常感谢任何建议。

由于

Answer 1

只要您没有展示产品的HTML外观，但实际上并不是真的可以回答，但基本上您会对包含产品的元素使用Document.querySelectorAll，然后遍历结果并从中选择值每个单独结果的内在元素。分配给（临时）产品对象，添加到您的事务产品，等等每次迭代。

var results= document.querySelectorAll('.product');

transactionProducts = [];
for (i = 0; i < results.length; ++i) {
 result = results[i];
 tmp = {};
 tmp.price = result.querySelector('.sku').textContent;
 tmp.price = result.querySelector('.price').textContent;
 transactionProducts.push(tmp);
}

没有真正经过测试或其他任何东西（当然还有更优雅的方法来迭代节点列表），但这应该会给你一个想法。

Google代码管理器和高级电子商务 - 交易产品

1 个答案: