Javascript 在表中循环以返回Google Analytics Ecommerce中_addItem()的交易信息

Javascript 在表中循环以返回Google Analytics Ecommerce中_addItem()的交易信息,javascript,jquery,google-analytics,Javascript,Jquery,Google Analytics,我正试图建立一个电子商务网站的收据页面,将电子商务数据推回到谷歌分析。我一直在用购买的每件商品的sku、名称、价格和数量填充_addItem()方法 我需要收据上每个项目的以下信息: _addItem(transactionId, sku, name, price, quantity) 我的收据页面生成下表,其中包含产品数据。如何使用Javascript或jQuery循环遍历此表以返回每个项目的以下内容?收据上的项目数量没有限制 <div id="receipt_detail">

我正试图建立一个电子商务网站的收据页面,将电子商务数据推回到谷歌分析。我一直在用购买的每件商品的sku、名称、价格和数量填充_addItem()方法

我需要收据上每个项目的以下信息:

_addItem(transactionId, sku, name, price, quantity)
我的收据页面生成下表,其中包含产品数据。如何使用Javascript或jQuery循环遍历此表以返回每个项目的以下内容?收据上的项目数量没有限制

<div id="receipt_detail">
   <table class="list_container" width="98%" cellspacing="0" cellpadding="4" >
     <tr class="list_heading">
        <td align="left"  nowrap >SKU</td>
        <td align="left"  nowrap >Description</td>
        <td align="left"  nowrap >Qty</td>
        <td align="right"  nowrap >Price</td>
        <td align="right"  nowrap >Extended</td>
     </tr>
     <tr class="list">
        <td align="left"  nowrap >1234</td>
        <td align="left"  nowrap >Widget 1</td>
        <td align="left"  nowrap >1</td>
        <td align="right"  nowrap > $            0.25</td>
        <td align="right"  nowrap > $            0.25</td>
     </tr>
     <tr class="listodd">
        <td align="left"  nowrap >5678</td>
        <td align="left"  nowrap >Widget 2</td>
        <td align="left"  nowrap >1</td>
        <td align="right"  nowrap > $            0.10</td>
        <td align="right"  nowrap > $            0.10</td>
     </tr>
   </table>
</div>

SKU
描述
数量
价格
延伸
1234
小部件1
1.
$            0.25
$            0.25
5678
小部件2
1.
$            0.10
$            0.10
我有TransactionID(很简单)。剩下的事把我难住了。我是Javascript新手,非常感谢您的帮助


谷歌关于电子商务跟踪代码的开发者文档是。

您需要填写一些空白,但这里有一些代码可以从表中提取值并填充GA代码:

<script language="JavaScript" type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11111-1']); // your account # here

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

/* you proved no details or examples of where to get any of this, so this is
   the GA manual example */
_gaq.push(['_addTrans',
  '1234',           // transaction ID - required
  'Womens Apparel', // affiliation or store name
  '28.28',          // total - required
  '1.29',           // tax
  '15.00',          // shipping
  'San Jose',       // city
  'California',     // state or province
  'USA'             // country
]);

/* scrape the html you provided and add values to _addItem */
$(document).ready(function() {
  $('div#receipt_detail tr.list,.listodd').each(function() {
    var info = [];
    $(this).find('td').each(function() {
      info.push($(this).html().replace(/^\s*\$\s*/,''));      
    });
    _gaq.push(['_addItem',
      '1234',                // transaction ID 
      info[0]||'no sku',     // SKU/code - required
      info[1]||'no product', // product name
      'category',            // category or variation
      info[3]||'0',          // unit price - required
      info[2]||'1'           // quantity - required
    ]);
  });
  _gaq.push(['_trackTrans']);
});

</script>

var _gaq=_gaq | |[];
_gaq.push([''u setAccount',UA-11111-1']);//您的帐户在这里
(功能(){
var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;
ga.src=('https:'==document.location.protocol?'https://ssl' : 'http://www“)+”.google analytics.com/ga.js';
var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s);
})();
/*你没有证明从哪里获得这些的细节或例子,所以这是
GA手动示例*/
_gaq.push(['''u addTrans',
“1234”,//事务ID-必需
‘女式服装’,//附属机构或商店名称
“28.28”,//总计-必填项
‘1.29’,//税
“15.00”,//装运
'圣何塞',//城市
'加利福尼亚',//州或省
“美国”//国家/地区
]);
/*刮取您提供的html并将值添加到_addItem*/
$(文档).ready(函数(){
$('div#receipt#u detail tr.list,.listodd')。每个(函数(){
var信息=[];
$(this).find('td').each(function(){
info.push($(this.html().replace(/^\s*\$\s*/,'');
});
_gaq.push(附加项),
“1234”,//事务ID
信息[0]| |“无sku”,//sku/代码-必需
信息[1]| |‘无产品’,//产品名称
'category',//类别或变体
信息[3]| |“0”,//单价-必需
信息[2]| |“1”//数量-必需
]);
});
_gaq.push([''u trackTrans']);
});

注意:这并不是跟踪交易的好方法。您应该使用服务器端代码将必要的值更直接地公开给js,最好只是动态地填充GA代码和服务器端代码,而不是试图从页面中获取系统已经动态输出的值

谢谢大家!!我对此困惑了好几天,现在终于有所进展了。刮削肯定不理想,但它似乎是我目前唯一的选择。