在任意网页嵌入“聊天室”

2023-05-26 Fri Views 建站 | 教程方法493字2 min read

在现代社交媒体盛行的时代,添加聊天室功能可以让网站更有互动性和趣味性。但是,在选择合适的聊天室平台时,会发现大多数平台要么选择了独立化聊天室、封装APP,要么仅支持一对一客户聊天。因此,本篇博文将主要推荐我目前正在使用并且体验不错的平台————Cbox Live Chat · Cbox

Cbox 是一个嵌入式的在线聊天盒子,拥有较高颜值并且界面可定制,支持中文。免费版能够存储100条信息和每日1000个访客,同时也支持头像和自定义主题。(进入首页进行邮箱注册验证即可使用免费版。)

068ea6e6e3f4639739096f1c304d17e0.png
51caad6307fb5c51680942bc454f42e1.png

然而,免费版不支持在线IP显示,也不能删除历史记录。尽管如此,我还是非常喜欢它的界面。但是需要注意的是,免费版嵌入下方代码后会在侧边按钮上显示Cbox的Logo,就像图片左上角那个logo,这可能不太符合某些博主的要求(比如我)。(直接在Publish页面中生成下方代码,放到页面<body> 靠后位置。)

79737e67fcce1c7623514fabe83c01f8.png

不过有一个简单的解决方案:下载需要引入的JS文件并在代码处更改。

<script>
window['CboxReady'] = function (Cbox) {
	Cbox('button', '3-35285-5rxAAN');
}
</script>
<script src="https://static.cbox.ws/embed/2.js" async></script>

下载修改嵌入代码里提供的"https://static.cbox.ws/embed/2.js",你可以自定义名称、更改布局大小和颜色,不必按照官方的默认设置。然后把修改好的JS文件上传到自己的服务器端进行引用。

0994e100eeaeecd29a62c94db02914b3.png

嵌入到搜哈里,效果如下,观感还不错。

40ac2bbdc7201b825367ed5b4b80c81e.png
67f9b56215f3a19c88f8da9c5ba44936.png

以上,如果你也想为自己的网站添加一个聊天室,不妨尝试一下Cbox,这个开放式聊天室。


EOF
返回上一页