如何使用 javascript 将动态生成的值插入到跟踪脚本中？

Question

我目前正在尝试在改进渠道和点击渠道之间设置准确的收入跟踪，但在让转化代码正常工作时遇到了问题。基本上，最终的订单价格是在 CF 确认页面中生成的，如下所示：

<div class="totalprice">$67.99</div> 

我需要将该值插入到改进的跟踪脚本中。这目前在页眉中，但我认为将它放在页脚可能更好地确保动态价格已经加载，但我不确定。我试图在标准改进脚本开始之前将价格作为可变的，没有 $ 货币符号。但它不起作用。

<script type="text/javascript" src="https://alsearsmd.iljmp.com/improvely.js"></script>
<script type="text/javascript">
var price = document.getElementsByClassName('.totalprice').innerHTML.replace('$', '');  

improvely.init('alsearsmd', 1);
improvely.conversion({
    goal: 'sale',
    revenue: price,
    reference: '123'
});
</script>

Answer 1

试试这个：

$(document).ready(function() {

    var prices = document.getElementsByClassName('totalprice');
    var price= 0;
    for (var i = 0; i < prices.length; i++) {
      price += parseFloat(prices[i].innerHTML.replace('$', ''));
    }

    improvely.init('alsearsmd', 1);
    improvely.conversion({
        goal: 'sale',
        revenue: price,
        reference: ''
    });

}

Answer 2

您的价格分配不起作用。

使用这个：

var price = document.getElementsByClassName('totalprice')[0].innerHTML.replace('$', '');

（类名不需要点，我们需要返回数组的第一个元素，[0]）

编辑： 对于多个 div，这是一种方法：

var price = [].slice.call(document.getElementsByClassName('totalprice')).map((div) => {
  return parseFloat(div.innerHTML.replace("$", ""));
}).reduce((a, b) => {
  return a + b;
}, 0);