如何使用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

您的價格分配無效。

用這個：

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);

Answer 2

嘗試這個：

$(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: ''
    });

}