Estoy tratando de cargar Dropbox, elija SDK en mi sitio web. Pero me encontré con un problema en el navegador Mac Safari.

 <script async="" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="crbrplpove29sb2"></script>

pero el script no se carga en xconvert.com (si va a la pestaña de red y carga https://www.xconvert.com/compress-mp4 , no mostrará dropins.js). También intenté inyectar manualmente el script en el encabezado una vez que se carga la página

 const node = document.createElement('script'); node.src = 'https://www.dropbox.com/static/api/2/dropins.js'; node.type = 'text/javascript'; node.setAttribute('id', 'dropboxjs'); node.setAttribute('data-app-key', 'crbrplpove29sb2'); node.defer = true; document.getElementsByTagName('head')[0].append(node);

Pero el mismo código en otros sitios web como smallpdf e ilovepdf parece funcionar perfectamente.

Hay una preferencia en Safari, en Privacidad que dice "Prevenir el seguimiento entre sitios". Si lo apago, la secuencia de comandos se carga perfectamente en xconvert. Pero no es necesario desactivar esa configuración para otros sitios web a los que me referí anteriormente.

¿Alguna idea de qué puede estar causando este problema?

Casi se siente como si Apple incluyera en la lista blanca algún sitio web y bloqueara otros para que no carguen scripts de terceros. Lo mismo sucede si trato de cargar las API de Google también. Esto solo sucede en Safari. Funciona bien en Chrome.

Versión de Safari: 14.1.2 Versión de Mac: 11.6

El siguiente es el error arrojado en la secuencia de comandos que no es de mucha ayuda