Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/casibase/casibase-widget
Source code for Casibase AI chat widget
https://github.com/casibase/casibase-widget
agi ai casbin casibase chat chat-widget chatgpt llm tracking tracking-code widget
Last synced: 2 months ago
JSON representation
Source code for Casibase AI chat widget
- Host: GitHub
- URL: https://github.com/casibase/casibase-widget
- Owner: casibase
- License: apache-2.0
- Created: 2024-08-03T11:12:48.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-08-18T10:35:35.000Z (5 months ago)
- Last Synced: 2024-08-18T11:44:34.299Z (5 months ago)
- Topics: agi, ai, casbin, casibase, chat, chat-widget, chatgpt, llm, tracking, tracking-code, widget
- Language: JavaScript
- Homepage: https://tcdn.casibase.org/example
- Size: 27.3 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# casibase-widget
Tracking code for the chat widget of the Casibase AI knowledge base: https://casibase.org/
A real project that uses this tracking code can be found at Casbin website: https://casbin.org/
## Complete example
See source code at: https://github.com/casibase/casibase-widget/blob/master/example.html
The demo of it is hosted at: https://tcdn.casibase.org/example
## Get Started
Put the following tracking code (HTML tag) into your main HTML file like index.html. If you need the Javascript version, just remove the `...` tag from it.
```html
(function (w, d, s, c, i) {
var j = d.createElement(s);
j.async = true;
j.src = 'https://tcdn.casibase.org/casibase.js';
j.onload = function () {
w[c]('init', {
endpoint: "https://ai.casbin.com",
});
};
var f = d.getElementsByTagName(s)[0];
f.parentNode.insertBefore(j, f);
w[c] = w[c] || function () {
(w[c].q = w[c].q || []).push(arguments);
};
})(window, document, "script", "casibaseChat");
```
## Parameters
- `endpoint` (mandatory): The URL for Casibase
- `themeColor` (optional): The theme color of the widget (default: `rgb(64,59,121)`)
- `enableAnimations` (optional): Whether to enable animation effects when opening the chat window (default: `true`)
- `popupWidth` (optional): The width of the chat window (default: "550px")
- `popupHeight`(optional): The height of the chat window (default: "600px")
- `buttonText` (optional): The text displayed on the chat button (default: "Chat with AI")
- `popupTitle` (optional): The title of the chat popup, used as the iframe title attribute (default: "Chat with AI")
- `popupTime` (optional): The time in seconds after which the chat window automatically opens. Set to -1 to disable auto-opening (default: -1)
- `buttonPosition` (optional): The position of the chat button. Possible values are "TopLeft", "MiddleLeft", "BottomLeft", "TopRight", "MiddleRight", "BottomRight" (default: "BottomRight")
- `closeOnLeave` (optional): Whether to close the chat window when clicking outside of it (default: `false`)
An example to use the parameters is:
```html
(function (w, d, s, c, i) {
var j = d.createElement(s);
j.async = true;
j.src = 'https://tcdn.casibase.org/casibase.js';
j.onload = function () {
w[c]('init', {
endpoint: "https://ai.casbin.com",
themeColor: "rgb(64,59,121)",
enableAnimations: true,
popupWidth: "550px",
popupHeight: "600px",
buttonText: "Chat with AI",
popupTitle: "Casibase AI Assistant",
popupTime: -1,
buttonPosition: "BottomRight",
closeOnLeave: false
});
};
var f = d.getElementsByTagName(s)[0];
f.parentNode.insertBefore(j, f);
w[c] = w[c] || function () {
(w[c].q = w[c].q || []).push(arguments);
};
})(window, document, "script", "casibaseChat");
```