目前有 491 位成員在線上
目前有 491 位成員在線上
關於GA基礎設定以及使用的疑難解答和分享,您可以學習如何評估廣告活動的成效,了解帳戶中各項統計數據的意義。
使用指南
star_border
回覆

[GTM電子商務] 如何布署Jquery代碼

新手 ✭
# 1
新手 ✭

大家好,小妹目前想啟用GTM的電子商務功能,大概知道在結帳的網頁的地方需要在已經佈署好的GTM碼之前放置電子商務的Data layer代碼。但目前碰到的問題是要怎麼寫script把結帳的資訊送進data layer。

 

 

因為沒有網頁工程師的關係,這部分需要我自己動手。可否請問哪裡有教學範例呢?這段script是要佈署在結帳網頁的哪邊呢?我查到Jquery可以用,. 但要怎麼用完全沒有頭緒......希望可以幫幫忙指點指點

 

謝謝

1 專家回覆verified_user

回應: [GTM電子商務] 如何布署Jquery代碼

解答王
# 2
解答王
在結帳完成寫入這一段,然後觸發條件設定event = 'purchaseComplete

dataLayer.push({
  'ecommerce': {
  'purchase': {
    'actionField': {
     'id': '訂單編號',
     'affiliation': 'Acer',
     'revenue': '13000',
     'tax':'0',
     'shipping': '100',
     'coupon': 'SUMMER_SALE'
    },
    'products': [{
     'name': 'acer筆記型電腦',
     'id': 'acer_01',
     'price': '12900',
     'brand': 'acer',
     'category': 'notebook',
     'variant': 'Gray',
     'quantity': 1,
     'coupon': ''
    }]
  }
  }, event: 'purchaseComplete'
});

回應: [GTM電子商務] 如何布署Jquery代碼

新手 ✭
# 3
新手 ✭
謝謝你的回覆. 以下是我利用Jquery寫的置入碼. 前段是先把送往Data-layer的值作截取. 然後再寫入Data layer.
可以請你幫我看一下這樣行的通嗎? 謝謝你!

HTML
原生HTML碼 https://drive.google.com/open?id=1Ej3OVvsBQHqbiplMO3lo1F0IJGp9kRec

程式碼
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
<script>

function getSubTotal(row) {

$("class[goods_total]").each(function(){
var total = $('tfoot').find('goods_total">\');
});
$("class[goods_name]").each(function(){
var sku = $('goods_name').find('p'>\');
var num = $('goods_num').val();
var price = $('goods_price').find(goods_price">\);
});

now = new Date();

//<![EDATA[
var transactionId = now.getTime();
var cartProducts = [];
cartProducts.push({
"id": transactionId,
"name" : "sku[]",
"price" : "price[]" ,
"quantity" : "num[]"
});

// Sending to TagManager

dataLayer.push({
"transactionId" : transactionId,
"transactionTotal" : "total",
"transactionProducts" : cartProducts,
"event" : "trackTrans" // event
});
//]]>

&lt;/script&gt;

回應: [GTM電子商務] 如何布署Jquery代碼

解答王
# 4
解答王
我不確定你的 getSubTotal 能不能抓到值,但觀念應該是可以的。

怎麼檢查呢,用GTM的預覽模式,看看送出的資料有沒有datalayer 。 就可以知道有無成功了。