要在Angular 7应用程序中检测到Facebook Pixel Microdata的路由更改,您可以使用Angular路由器的事件来触发Facebook Pixel代码的更新。下面是一个解决方案的代码示例:
首先,确保您已经将Facebook Pixel代码添加到了Angular应用程序的index.html文件中。
然后,在您的app.component.ts文件中,导入Router和NavigationEnd:
import { Component } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
接下来,在AppComponent类中注入Router:
constructor(private router: Router) {}
然后,在ngOnInit方法中订阅路由器的NavigationEnd事件:
ngOnInit() {
this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
// 在这里添加Facebook Pixel代码,用于路由更改时的处理
// 例如:fbq('track', 'PageView');
}
});
}
最后,根据您的需求,在NavigationEnd事件中添加适当的Facebook Pixel代码,以便在路由更改时进行处理。
请注意,上述示例假设您已经正确设置了Facebook Pixel代码并知道如何在Angular应用程序中使用它。如果您还没有设置Facebook Pixel代码,请参考Facebook Pixel文档以获取更多信息。
希望这可以帮助到您!