Firebase Analytics in iFrame and Safari

[marcusx2]

I have the following situation: a game is embedded inside an iframe that runs on a different domain than the main site. I know analytics can be used on this situation given a custom initialization. However, I can't try on Safari. I saw this stack overflow post and wanted to know if it still doesn't work on Safari. Or if another initialization setting is necessary, etc. Thank you for your time.

[bengigone]

Hey!

I'm dealing with a super similar situation - game in an iframe on a different domain. Unfortunately, yes, this still seems to be an issue with Safari as of today. Safari's ITP continues to block third-party cookies in cross-origin iFrames, which ends up breaking Firebase Analytics.

The SO post you linked is still accurate - I haven't found a reliable client-side workaround for Safari's privacy protections.

What I do to at least prevent errors:

I wrap my Firebase Analytics initialization with isSupported():

For example

javascriptimport { getAnalytics, isSupported } from 'firebase/analytics';

isSupported().then((supported) => {
  if (supported) {
    const analytics = getAnalytics(app);
    // Use analytics normally
  } else {
    // Safari iframe - analytics won't work
    console.log('Analytics not supported in this environment');
  }
});

This way the game still functions properly in Safari iframes, even though I'm missing analytics data from those users. Would be great to get this fixed!

I've been discussing with the AIs (lol) and am going to try implementing server-side tracking via GA4 as a potential workaround. Can report back if any success!