代碼是通過ai寫的，有點粗糙，就是將代碼放在“自定義js”代碼里即可，然后就會在首頁右下角顯示一個圖標，圖標可以自定義，點擊會喚醒對話框，調用騰訊對話平臺的代碼，而騰訊對話平臺是對接網上免費的網盤搜索api。

截圖：

以下是完整AI寫的：

 <script>
document.addEventListener('DOMContentLoaded', () => {
// =========================
// 配置項
// =========================
const CONFIG = {
iconUrl: 'https://i.imgs.ovh/2025/08/24/m5sSt.png', // 懸浮圖標 URL
scriptUrl: 'https://chatbot.weixin.qq.com/mmspraiweb_node/dist/static/script/FLOAT_WINDOW_INIT.min.js', // 遠程腳本 URL
floatWindowUrl: 'https://chatbot.weixin.qq.com/webapp/VMMaBfwcRFiEV6pLY10zudRdLbXcH8?isFloat=true&robotName=%E7%BD%91%E7%9B%98%E5%8A%A9%E6%89%8B' // 浮窗初始化地址
};
?
// =========================
// 工具函數
// =========================
?
/**
* 動態(tài)注入 CSS 樣式（防止重復添加）
*/
function injectStyle() {
if (document.getElementById('float-icon-style')) return;
const style = document.createElement('style');
style.id = 'float-icon-style';
style.textContent = `
.float-icon {
position: fixed;
right: 30px;
bottom: 20px;
width: 50px;
height: 50px;
background: url('${CONFIG.iconUrl}') no-repeat center center;
background-size: cover;
border-radius: 50%;
cursor: pointer;
z-index: 1000;
border: none;
outline: none;
}
.float-icon.loading {
background: #f0f0f0 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 50 50"><circle cx="25" cy="25" r="20" fill="none" stroke="%23007aff" stroke-width="5" stroke-dasharray="31.4 31.4" transform="rotate(-90 25 25)"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" from="0 25 25" to="360 25 25"/></circle></svg>') no-repeat center center;
background-size: 30px 30px;
}
`;
document.head.appendChild(style);
}
?
/**
* 動態(tài)加載 JS 腳本，返回 Promise
* @param {string} src - 腳本地址
* @returns {Promise<void>}
*/
function loadScript(src) {
return new Promise((resolve, reject) => {
if (document.querySelector(`script[src="${src}"]`)) {
resolve(); // 已加載過，不再重復加載
return;
}
const script = document.createElement('script');
script.src = src;
script.async = true;
script.onload = resolve;
script.onerror = () => reject(new Error(`加載腳本失?。?{src}`));
document.body.appendChild(script);
});
}
?
/**
* 顯示錯誤提示
* @param {string} msg - 錯誤信息
*/
function showError(msg) {
alert(msg || '加載失敗，請稍后再試');
}
?
// =========================
// 核心邏輯
// =========================
?
/**
* 加載浮窗邏輯
*/
function loadFloatWindow() {
const btn = document.querySelector('.float-icon');
if (!btn) return;
?
btn.classList.add('loading'); // 顯示加載動畫
?
loadScript(CONFIG.scriptUrl)
.then(() => {
btn.classList.remove('loading');
if (typeof window._FLOAT_WINDOWA_INIT_ === 'function') {
window._FLOAT_WINDOWA_INIT_(CONFIG.floatWindowUrl);
} else {
showError('初始化函數未找到，請檢查腳本');
}
})
.catch(err => {
btn.classList.remove('loading');
console.error(err);
showError('加載懸浮窗腳本失敗');
});
}
?
/**
* 初始化懸浮按鈕
*/
function initFloatIcon() {
// 防止重復初始化
if (document.querySelector('.float-icon')) return;
?
injectStyle(); // 注入樣式
?
const floatIcon = document.createElement('button');
floatIcon.className = 'float-icon';
floatIcon.setAttribute('aria-label', '打開聊天懸浮窗');
floatIcon.addEventListener('click', loadFloatWindow);
document.body.appendChild(floatIcon);
}
?
// =========================
// 初始化
// =========================
initFloatIcon();
});
</script>

以下是原始騰訊對話平臺代碼：

動手能力強的小伙伴可以嵌入到自己網站，如果有更好的嵌入方法可以分享以下哦！

 new Promise((r,j)=>{const s=document.createElement('script');s.src='https://chatbot.weixin.qq.com/mmspraiweb_node/dist/static/script/FLOAT_WINDOW_INIT.min.js';s.onload=r;s.onerror=j;document.body.append(s)}).then(()=>window._FLOAT_WINDOWA_INIT_('https://chatbot.weixin.qq.com/webapp/VMMaBfwcRFiEV6pLY10zudRdLbXcH8?isFloat=true&robotName=%E7%BD%91%E7%9B%98%E5%8A%A9%E6%89%8B')).catch(console.error)