Tracciare interazione tasti back-forward del browser

Salve,

sto cercando di tracciare come “visioni di pagina”, la navigazione che può avvenire tramite i tasti back/forward del browser.

Sto provando ad usare il trigger “Cambio Cronologia” ma quest’ultimo sembra non scattare mai.

Qualcuno ha idee in merito?
Grazie in anticipo.

Il trigger Cambio Cronologia si attiva al cambio dell’URL, ma in assenza di un nuovo page load.

(Essenzialmente, capita con le Single Page Application)

Non sono a conoscenza di trigger specifici su tag manager… Ma qua sembrano suggerire un event listener su evento JavaScript popstate

Al momento ho risolto così, in un js esterno:

window.addEventListener('pageshow', (event) => {
    // Controlla se l'evento è stato attivato da una navigazione nella cronologia
    if (event.persisted || (window.performance && window.performance.navigation.type === 2)) {
		     if (typeof _paq !== 'undefined') {
	
_paq.push(['trackPageView']);
 _paq.push(['trackEvent', 'UX', 'Navigazione browser', 'Back/Forward']);
}
    }
});

Mi genera una nuova vista di pagina ad ogni utilizzo dei tasti back e forward (quello che cercavo).
Purtroppo è impreciso sui browser Android (dove sembra duplicare l’evento) e in altre circostanze, ma sempre meglio di niente.

Mentre tutti i tentativi con “popstate” sono andati falliti!

Purtroppo non sono un esperto js…!!

L’implementazione di cui parlate è “Vanilla JavaScript” ovvero si presuppone che non stia girando altro javascript all’infuori che te.

Se invece il sistema in uso è un CMS o una App Mobile, in quel caso è probabile che invece sia in uso un Framework Frontend (React? Vue? JQuery???). In tal caso, occorre usare gli strumenti messi a disposizione dal framework.

Alcuni di essi implementano già il funzionamento di Matomo tramite moduli da aggiungere al framework, che si integrano con gli eventi interni. Ma in questo caso è meglio chiedere lumi agli sviluppatori delle integrazioni, o nelle community dei framework stessi.