这里有一个简短的产品列表供参考。我想在产品列表下面生成我的gtag。我该怎么做？

<div class="product">
    <div class="name">Audi</div>
    <div class="price">21.000</div>
</div>  
<div class="product">
    <div class="name">Opel</div>
    <div class="price">17.000</div>
</div>
<div class="product">
    <div class="name">Cadillac</div>
    <div class="price">33.500</div>
</div>

这里我需要 items 部分中的所有产品值。

<script>
gtag("event", "view_item_list", {
  item_list_id: "category_products",
  item_list_name: "Products from a category",
  items: [
    {
      item_name: "Audi",
      price: 21.000,
      index: 0
    },
    {
      item_name: "Opel",
      price: 17.000,
      index: 1
    },
    {
      item_name: "Cadillac",
      price: 33.500,
      index: 2
    }
  ]
});
</script>

使用下面答案中的方法更新了代码。现在，如果我传递products变量，它会在gtag（“event”，“view_item_list”行抛出语法错误。错误本身表示Uncaught SyntaxError：参数列表后缺少）

<script>

var products = [];
    
$(".product").each(function(i) {
  products.push({
    "name": $(this).find(".name").text(),
    "price": $(this).find(".price").text(),
    "index": i
  })
});

gtag("event", "view_item_list" {
  item_list_id: "category_products",
  item_list_name: "Products from a category",
  items: products
});

</script>