增强的礼品卡电子商务答案

【问题标题】：Enhanced ecommerce for gift card增强的礼品卡电子商务
【发布时间】：2016-08-11 00:17:34
【问题描述】：

我希望通过 GTM 为礼品卡设置增强型电子商务。问题是价格不固定，人们可以插入他们的金额值。因此，我们有一个名为“金额值”的框。在我看到的类似代码中，我们有一个固定的价格。假设这是我的代码：

function onCheckout() {
  dataLayer.push({
   'event': 'checkout',
    'ecommerce': {
      'checkout': {
        'actionField': {'step': 1},
        'giftcards': [{
         'name': 'Giftcard1',
          'id': 'G1',
          'price': '',
          'brand': '',
          'category': '',
          'variant': 'Gray',
          'quantity': 1
       },
  ]
    }
   },
   'eventCallback': function() {
      document.location = 'giftcheckout.html';
   }
  });
 }

我应该在 'price': '' 中插入什么？

我可以写吗

  var giftamount=document.getElementById('gift-amount');

和

    'price': 'giftamount'

真的很感激任何帮助。

【问题讨论】：

您不能使用字符串，因为价格显然是一个数字；但是您可以使用您的第一个想法（获取文本字段的值）。您应该验证该值以确保您的用户实际输入了一个数字。

标签： javascript google-analytics google-analytics-api google-tag-manager

【解决方案1】：

您必须在此处传递一个数值，以确保除了点 (.) 之外还有其他字符，例如货币 ($) 和逗号 (,) 所以 var giftamount=document.getElementById('gift-amount'); '价格'：'礼物数量'

会变成 var giftamount=JSON.parse(document.getElementById('gift-amount')[0].textContent.replace(/[^\d.]/g,'')) “价格”：礼物金额

希望这会有所帮助，

【讨论】：