Question

我使用GTM跟踪WPForms表单的值，并使用以下代码从多选下拉列表中获取选定的值：

  function() {
  var selectList = {{wpFormElement}}.querySelector('#wpforms-1397-field_16');
  var options = selectList ? selectList.options : [];
  var vals = [];
  var i, len;
  for (i = 0, len = options.length; i < len; i++) {
    if (options[i].selected) {
      vals.push(options[i].value);
    }
  }
  return vals.length ? vals.join(' ') : undefined;
}

输出是产品ID：

'2705 1446 2772'

我想将真实姓名的产品而不是ID提交给Analytics。如何获得一个新的变量（每个变量），其真实产品名称取决于产品ID？

var1：2705 =产品1

var2：1446 =产品2

var3：2772 =产品3

thx

Answer 1

听起来您需要一系列产品名称。从一个值到另一个值的最简单方法是使用以下示例中的对象，例如productIdNameMap变量。修改后的代码将返回产品名称列表，因此您可以根据需要使用for循环对每个产品进行操作。

(function() {
  var selectList = document.querySelector('#wpforms-1397-field_16');
  var options = selectList ? selectList.options : [];
  var productIdNameMap = {
    2705: 'product 1',
    1446: 'product 2',
    2772: 'product 3',
    2020: 'product 4'
  };

  var vals = [];
  var i, len, productId;
  for (i = 0, len = options.length; i < len; i++) {
    if (options[i].selected) {
      productId = options[i].value
      vals.push(productIdNameMap[productId]);
    }
  }

  console.log(vals);
  return vals;
})();

<select multiple id="wpforms-1397-field_16">
  <option selected>2705</option>
  <option selected>1446</option>
  <option selected>2772</option>
  <option>2020</option>
</select>

GTM根据现有变量创建新变量（WPForms跟踪）

1 个答案: