Skip to content

在网站中插入PostChat

PostChat是用过js在网页中插入iframe的方式提供,体积小巧,功能强大,兼容性强。

你可以首先检查是否支持插件

如果你的网站是目前PostChat所支持插件的网站系统,可以安装PostChat插件,方便快速配置。如果你的网站系统不支持,可以尝试下面的通用教程。

你可以在网页的任意位置(例如插入统计代码的head标签中)插入本代码。

你需要点击侧边栏中的“网页代码”来获取代码。

你可以配置postChatConfig参数让这个按钮更加适合你。

PostChat 参数

PostChat参数包裹在PostChat变量中。例如:

var postChatConfig = {
  backgroundColor: "#3e86f6",
  bottom: "16px"
}

所有参数均为可选参数,都可以不填写

defaultInput

此参数为true时,用户点击按钮后会自动添加本页面标题,让用户更方便的询问关于本页的内容

left

按钮距离左侧的边距,如果填写负值,则是距离右侧的边距。例如left为-3px,实际为right 3px

backgroundColor / fill / width / height

这些参数用来调整按钮尺寸与色彩

frameWidth / frameHeight

显示的对话窗口大小,frameWidth为宽度,frameHeight为高度

upLoadWeb

是否上传当前页面内容到知识库,true为上传,推荐开启。开启后,任意用户访问网页都会将网页内容发送到知识库,无需人工干预即可上传。上传内容为文章所有文字内容,上限2000字,取前1000和后1000字。

是否用户点击PostChat对话中的图标后会通过邀请链接进入PostChat,通过这种方式邀请的好友如果开通了会员,可以获得会员时长奖励。如果不填写此参数,默认为false。

userTitle

此参数填写你要自定义的PostChat界面标题

userDesc

此参数填写你要自定义的PostChat聊天界面描述

addButton

此参数为是否显示按钮,true为显示,false为不显示。建议将前面编辑按钮的参数设置得与你自己创造的按钮的参数相同,以便更好的计算窗口宽高和位置。

blackDom(仅开启聊天助手,未开启文章摘要时有效)

此参数填写你要屏蔽掉的容器内容,比如你在网页中插入了aplayer,为了避免提交的内容包含aplayer的歌词信息,你需要将包含aplayer的元素用选择器的方式屏蔽掉。例如:blackDom: [".aplayer","#content"]

独立参数

PostChat还兼容旧版文章摘要的通用参数。

所有参数均为可选参数,都可以不填写

tianliGPT_postSelector

文章内容对应的选择器,可以让PostChat获取文章更加精准。如果不设置,PostChat也可以自动对网页内容进行识别和过滤。

例如:let tianliGPT_postSelector = '#post #article-container';

tianliGPT_postURL

当主题存在其他页面和文章页面结构相同时,可以通过通配符url域名来实现只在指定域名中执行。

例如:let tianliGPT_postURL = '*/p/*';

只会在地址含有/p/的域名中执行。避免非文章页面添加。

支持正则表达式,要求格式为/开头和/结尾。例如:let tianliGPT_postURL = "/^https?://[^/]+/[0-9]{4}/[0-9]{2}/[0-9]{2}/"

tianliGPT_blacklist

当你有一些页面不想要使用文章摘要,那么你可以将所有的黑名单放入一个json文件中。例如blacklist.json

{
  "blackurls": [
    "https://example.com/somepath/*",
    "https://*.example.com/",
    "https://www.example.org/specificpage.html",
    "http://127.0.0.1:5500/dev.html"
  ]
}

然后添加tianliGPT_blacklist变量,将json文件的地址放入进去,例如:

let tianliGPT_blacklist = 'https://example.com/blacklist.json'

嵌入博客摘要

你可以访问代码嵌入页面中查询相关代码。

基于TianliGPT构建,由张洪Heo与Tianli设计与开发