如何在我定制的 React 网站中将产品目录集成到我的 Facebook Pixel？答案

【问题标题】：How to integrate product catalog to my Facebook Pixel in my custom made React website?如何在我定制的 React 网站中将产品目录集成到我的 Facebook Pixel？
【发布时间】：2021-03-29 09:07:33
【问题描述】：

我会在 Facebook 上展示关于我的产品的动态广告。

目录经理说我的 Facebook Pixel 还没有准备好，This pixel's microdata is incomplete。

虽然这里说微数据没问题：

这里的微数据是在我的 React 应用中设置的：

<MetaTags>
  <title>{buyTicketData.name}</title>
  <meta property="og:description" content={buyTicketData.description} />
  <meta property="og:title" content={buyTicketData.name} />
  <meta
    property="og:image"
    content={`https://ticket-t01.s3.eu-central-1.amazonaws.com/${eventId}_0.cover.jpg`}
  />
  <meta property="og:url" content={`https://ticket.hu/${eventId}`} />
  <meta property="product:retailer_item_id" content={eventId} />
  <meta property="product:price:amount" content={buyTicketData.price} />
  <meta property="product:price:currency" content="HUF" />
  <meta property="product:availability" content="available for order" />
  <meta property="product:category" content="499969" />
</MetaTags>

ViewContent 事件也被发送。

是的，我收到警告，我不知道是否应该发送product_catalog_id。

我希望，在我的网站使用过程中，目录会更新。但是我想念的东西，你知道吗？

ReactPixel.track("ViewContent", {
  content_ids: eventId,
  //product_catalog_id: eventId,
  content_type: "product",
  contents: [{ id: eventId, quantity: 1 }],
});

【问题讨论】：

标签： reactjs facebook facebook-pixel

【解决方案1】：

https://www.facebook.com/business/help/1175004275966513?id=725943027795860

目前，要添加微数据，您需要能够编辑网站代码或获得开发者的帮助。您可以使用多种通信系统，包括 OpenGraph、Schema.org 或 JSON-LD for Schema.org。了解如何在 Facebook for Developers 网站上为目录设置微数据标签。

将微数据添加到您的网站后，请使用我们的微数据调试器工具确保其设置正确。

【讨论】：