Botpress上的onload和chatbot窗口

时间:2019-01-25 16:03:56

标签: javascript onload chatbot

我希望我的聊天机器人在用户到达网页时打开,而无需在窗口小部件上单击。 使用我的代码,它可以正常工作,但是chatbot窗口立即关闭...

这种方法并不好,但是我找不到用于这种操作的本地botpress设置。

您有个主意吗? 理想情况下,脚本将是可重用的。

我使用Botpress。

<html >
<head>
<style>

    #bp-widget {
        height: 37.5em;
        width: 18.75em;
    }

    #bp-widget.bp-widget-web.bp-widget-widget {
        display: none;
    }

    #my-logo {
        position:fixed;
        cursor: pointer;
        width: 6.375em;
        height: 6.375em;
        top: 80%;
        left: 90%;
    }

    #blind_button {
        position: fixed;
        opacity: 0;
        top: -100vh;
    }

</style>
</head>

<body id="opened_bot">

  <h1>Test Script</h1>

  <a id="blind_button" target="_blank" href="http://some/URL">Bouton parler au chatbot</a>

  <img id="my-logo" title="Cliques sur le logo pour commencer la conversation" src="https://other/URL"/>


  <script src="https://myProject/api/botpress-platform-webchat/inject.js"></script>

  <script>
    window.botpressWebChat.init({
        host: 'https://myProject',
        hideWidget: true,
        botName: 'Super Bot',
        botAvatarUrl: 'https://this.gif',
        botConvoTitle: 'Super Bot',
        botConvoDescription: "...",
        backgroundColor: '#ffffff',
        textColorOnBackground: 'black',
        foregroundColor: '#3B5998',
        customStylesheet: 'https://myProject/wp-includes/css/styleChat.css'
    })
  </script>

  <script>

    document.body.onload  = () => {
        window.botpressWebChat.sendEvent({ type: 'show' });
    };

    document.getElementById('my-logo').addEventListener('click', () => {
        window.botpressWebChat.sendEvent({ type: 'show' })
    });

  </script>

</body>
</html>

0 个答案:

没有答案