javascript - 在 Angular 2/4 中使用 Facebook 广告跟踪像素

Question

我正在尝试弄清楚如何在我的 Angular 项目中使用 Facebook 跟踪像素。

我已将基本像素添加到我的 index.html 中

但我想从 javascript 触发一个事件，我该如何触发它

fbq('track', 'CompleteRegistration');

当我的代码中有这个时，Angular 将无法编译，因为它找不到 fbq

Answer 1

即使 fbq 在运行时在您的应用程序中全局可用，编译器也不知道它，因为它是在 index.html 中定义的(在编译器已知的 typescript 文件)。

要解决此问题，请在使用 fbq 的文件中添加一个环境声明，如下所示:

declare const fbq: any; // 1. add an ambient declaration

@Component({...})
export class ComponentUsingFacebookPixel {

  fbq('track', 'CompleteRegistration'); // 2. This will compile now

} 

这不会更改已编译的 javascript 或覆盖 fbq 的值；这是对编译器的 promise ，即在运行时将有一个可用该名称的值。

如果您需要编译器的额外帮助，您可以提供比 any 更具体的类型，但是 any 足以避免您看到的编译错误.