Tracciamento di iFrame cross-domain

Traccia le interazioni degli utenti negli iFrame cross-domain con OpenReplay.

Tracciamento di iFrame cross⁠-⁠domain

Per abilitare il tracciamento degli iFrame cross-domain, devi aggiungere l’opzione crossdomain.enabled al costruttore del tracker, come mostrato di seguito:

<iframe
	title="test"
	src="http://iframe1.website.com/iframe-path"
	width="300"
	height="300"
></iframe>

Aggiungi l’opzione crossdomain al costruttore del tracker come segue:

tracker.configure({
	projectKey: PROJECT_KEY,
	crossdomain: {
		enabled: true
	},
	captureIFrames: true
});

Poi inizializza l’istanza del tracker all’interno dell’iFrame desiderato e aggiungi crossdomain.parentDomain al relativo costruttore:

tracker.configure({
	projectKey: PROJECT_KEY,
	crossdomain: {
	  // Specifies the domain of the parent window
	  // If not specified, it will be set to '*'
	  // Which means that child window will send messages to all domains inside the browser window
	  // Consult your CSP settings to ensure that '*' is allowed or specify the parent domain
		parentDomain: '*',
	  enabled: true
	}
});

Tieni presente che, se usi lo snippet del tracker, ti consigliamo di usare l’istanza standard (openreplay.js) invece di openreplay-assist.js per gli iframe figli (dato che la sessione assist deve connettersi solo all’istanza padre).

Se riscontri dei problemi, unisciti al nostro Slack e ricevi aiuto dalla nostra community.