Tengo una aplicación Angular que consta de las siguientes rutas:

 const routes: Routes = [ { path: '', component: IntroComponent }, { path: 'personal-data', component: PersonalDataComponent }, { path: 'questionnaire/:id', component: QuestionnaireComponent}, { path: 'result', component: ResultComponent}, { path: 'result/:id', component: ResultComponent} ]

El usuario comienza en IntroComponent, luego va a PersonalDataComponent y luego a 8 páginas de QuestionnaireComponent que se actualiza por id (por ejemplo, /questionnaire/3), antes de terminar en ResultComponent. Todo esto sucede cuando el usuario hace clic en los botones.

Me gustaría que cuando la ruta se actualice, el usuario no vea eso en la url, por lo que la url permanece https://example.com pero cuando el usuario presiona el botón 'atrás' en el navegador, vuelve a la anterior ruta.

Intenté resolverlo usando:

 this.router.navigateByUrl(url, { skipLocationChange: true});

Pero eso no lo acumula en el historial del navegador. ¿Algunas ideas?