如何在 Angular 应用程序的 mPulse Boomerang 中注册软导航更改？

Question

BOOMR.plugins.Angular plugin 似乎用于 AngularJS 1.x，到目前为止我没能找到我可以使用的 Angular 示例或插件。根据文档，我提出了以下解决方案：

@Injectable()
export class BoomerangBootstrapService implements OnAppInit {
    constructor(private router: Router) {}

    onAppInit() {
        const boomr = window['BOOMR'];
        const callbacks = {};

        this.router.events.subscribe((e) => {
            if (!boomr) {
                return;
            }
            if (e instanceof NavigationStart) {
                boomr.plugins.SPA.last_location(e.url);
                const callback = () => {
                    boomr.plugins.SPA.markNavigationComplete();
                };
                callbacks[e.url] = callback;
                boomr.plugins.SPA.route_change(callback, []);
            } else if (e instanceof NavigationEnd || e instanceof NavigationCancel || e instanceof NavigationError) {
                const callback = callbacks[e.url];
                if (callback) {
                    callback();
                    delete callbacks[e.url];
                }
            }
        });
    }
}

当我使用浏览器控制台插入助手 diagnostics script 来调试调用时，我可以看到注册是正确的，但我没有看到在导航中提交任何数据。

诊断脚本：

(function(spa) {
  'use strict';
  var rc = spa.route_change;
  var ll = spa.last_location;
  var cm = spa.markNavigationComplete;

  spa.last_location = function(url) {
    console.log('last route url was ' + url);
    ll(url);
  };

  spa.route_change = function(c, o) {
    console.log('route_change start');
    rc(c, o);
  };

  spa.markNavigationComplete = function() {
    console.log('route_change completed');
    cm();
  };
})(window.BOOMR.plugins.SPA);

我是不是做错了什么？我是否需要创建 custom plugin 或调用其他方法？你能给我指出一个工作代码示例或插件 git 项目吗？

Answer 1

现在不需要在您的 Angular 应用程序中检测任何东西。从 Boomerang 版本 1.632 开始，只需检查

即可支持所有 SPA

Enable Single Page App (SPA) monitoring

此处提供文档

https://developer.akamai.com/tools/boomerang/?language=en_US?language=en_US#single-page-apps

如何在 Angular 应用程序的 mPulse Boomerang 中注册软导航更改？

How to register soft-navigation changes in mPulse Boomerang for an Angular app?

angular

akamai

boomerang

rum