Javascript 在一个页面上集成多个tawk.to小部件

我一直在尝试在弹出窗口中集成多个tawk.to小部件

<div id="tawk_xxx"><br></div>
<script type="text/javascript">
    var Tawk_API = Tawk_API || {},
        Tawk_LoadStart = new Date();
    Tawk_API.embedded = 'tawk_5f96cfd1aca01a168835cf5a';
    (function() {
        var s1 = document.createElement("script"),
            s0 = document.getElementsByTagName("script")[0];
        s1.async = true;
        s1.src = 'https://embed.tawk.to/xxxx/xxx';
        s1.charset = 'UTF-8';
        s1.setAttribute('crossorigin', '*');
        s0.parentNode.insertBefore(s1, s0);
    })();
</script>

var Tawk|u API=Tawk|u API |{}，
Tawk_LoadStart=新日期（）；
Tawk_API.embedded='Tawk_5f96cfd1aca01a168835cf5a'；
（功能（）{
var s1=document.createElement（“脚本”），
s0=document.getElementsByTagName（“脚本”）[0]；
s1.async=true；
s1.src=https://embed.tawk.to/xxxx/xxx';
s1.charset='UTF-8'；
s1.setAttribute（'crossorigin'，'*'）；
s0.parentNode.insertBefore（s1，s0）；
})();

问题是，当JS代码段加载时，它在window对象中设置了一些全局变量，应该清除这些变量以再次运行Tawk_API，而我希望保持两个实例同时运行。我尝试使用iFrAMS，iFrAMS的问题是浏览器将视为第三方cookie，如果浏览器不允许，则将阻止iFrAME。 那么有没有办法解决这个问题呢