Skip to content

Cross-origin iframe recording

Choose a tag to compare

@dhaval-valotia dhaval-valotia released this 25 Mar 22:47
· 51 commits to master since this release
Immutable release. Only release title and notes can be modified.

Session Replay can now capture content from cross-origin iframes embedded within your page, providing a unified replay experience across parent pages and embedded third-party content. This feature requires explicit domain allowlisting via record_allowed_iframe_origins for security purposes. For example:

On your parent site www.yoursite.com, specify the origins from which recording data is accepted:

mixpanel.init('YOUR_PROJECT_TOKEN', {
  record_sessions_percent: 100,
  record_allowed_iframe_origins: [
    'https://embedded-widget.example.com',
  ],
});

On the child iframe page https://embedded-widget.example.com, add the parent page's origin to record_allowed_iframe_origins:

mixpanel.init('YOUR_PROJECT_TOKEN', {
  record_sessions_percent: 100,
  record_allowed_iframe_origins: [
    'https://yoursite.com',
  ],
});

Miscellaneous Fixes:

  • Added type dependency @types/json-logic-js for the RulesLogic type introduced in 2.76.0
  • Fixed type declaration file name for the loader-module-with-async-recorder import option