To enable cross-domain iFrame tracking, you need to add the crossdomain.enabled option to the tracker’s constructor, as shown below:

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

Add the crossdomain option following to your tracker constructor:

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

Then initialize the tracker instance inside the desired iFrame and add crossdomain.parentDomain to its constructor:

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
	}
});

Please note that if you’re using tracker snippet, we recommend using regular (openreplay.js) instance instead of openreplay-assist.js for child iframes (since assist session should connect to parent instance only).

If you encounter any issues, connect to our Slack and get help from our community.