在 Angular 7 应用程序的路线更改中未检测到 Facebook 像素微数据

Question

我们已设置 Facebook 像素以将我们的网站产品拉入 Facebook 产品目录。 对此的要求是将微数据添加到我们的网站应用程序产品页面 - 我们已经完成了。

问题是当我加载一个新的浏览器窗口并直接转到产品页面时，一切正常，检测到微数据并将产品添加到我们的 Facebook 目录中。

但是，当我开始访问我们的主页并导航到产品页面时，不会自动检测到微数据。 看截图

导航到产品：

重新加载相同的产品页面，在 Facebook Pixel Helper 中检测到微数据：

有谁知道为什么会这样？ 我们使用 google 标签管理器添加 fb 像素脚本并触发相关事件。

Answer 1

如果您使用 GTM，则应注意为代码选择的火灾事件类型。 您可以使用自定义触发事件，也可以手动触发页面浏览事件。 使用预览模式观看触发事件。

就个人而言，我为解析器中的每种页面类型发送自定义 gtag：

declare var gtag;

if (isPlatformBrowser(this.platformId)) {
    gtag({
        'event' => 'pageView',
        'type' => 'productPage',
    });
}

然后您可以在 GTM 后台配置此自定义火灾事件。