时间戳

首页 > 解决方案 > 在一个页面上集成多个 tawk.to 小部件

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>

问题是当 JS 片段加载时，它在窗口对象中设置了一些全局变量，应该清除这些变量以再次运行 Tawk_API，而我想保持两个实例同时运行。我尝试使用 iframe，iframe 的问题是浏览器将视为第三方 cookie，如果浏览器不允许 iframe 将被阻止，所以有什么办法可以解决这个问题

标签： javascripthtmldomcode-snippets

解决方案

推荐阅读