我希望我的聊天机器人在用户到达网页时打开,而无需在窗口小部件上单击。 使用我的代码,它可以正常工作,但是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>