要记录产品信息，可以使用Adyen Web SDK的additionalData属性。这个属性可以在支付请求中传递额外的数据，可以用来记录产品信息。

以下是一个使用Adyen Web SDK记录产品信息的示例代码：

// 创建支付请求
const paymentRequest = {
  amount: {
    currency: "USD",
    value: 1000,
  },
  reference: "order_reference",
  additionalData: {
    product: "Product Name",
    quantity: 2,
    price: 500,
  },
  // 其他必要的支付请求参数
};

// 使用Adyen Web SDK创建支付会话
const checkout = new AdyenCheckout({
  // 配置参数
});

// 创建支付组件
const dropin = checkout
  .create('dropin', {
    // 配置参数
  })
  .mount('#dropin-container');

// 监听支付完成事件
dropin.on('paymentAuthorized', (event) => {
  // 获取支付结果
  const paymentResult = event.data.paymentResult;

  // 提交支付结果和产品信息到后端处理
  const postData = {
    paymentResult: paymentResult,
    product: paymentRequest.additionalData.product,
    quantity: paymentRequest.additionalData.quantity,
    price: paymentRequest.additionalData.price,
  };

  // 发送POST请求到后端
  fetch('/process-payment', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(postData),
  })
    .then((response) => response.json())
    .then((data) => {
      // 处理后端响应
      console.log(data);
    })
    .catch((error) => {
      // 处理错误
      console.error(error);
    });
});

在上面的示例中，additionalData属性被用来传递产品信息到后端处理。在支付完成事件中，我们可以从paymentRequest.additionalData中获取产品信息，并将其与支付结果一起提交给后端进行处理。

请注意，上述示例中的代码只是一个简单的示例，并不包含完整的配置和错误处理。在实际使用时，您需要根据自己的需求进行适当的配置和错误处理。