互联网时代QQ和微信是国人使用最多的联系方式了。那么如何在网站上添加QQ/微信在线客服呢?
1、添加QQ在线客服
QQ原来的链接因为腾讯升级已经不能使用了。个人QQ作为客服需要如下代码:
<a href="tencent://message/?uin=1305675066&Site=在线QQ&Menu=yes" style="color:#999">QQ客服</a>
注意:因为链接不是标准的网址链接,某些网站可能还无法直接添加。解决办法是建立一个页面用一个常规的调转一下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>URL Redirect</title>
<script>
// 获取URL中的指定参数值
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
// 获取参数并重定向
function redirectToParamUrl(paramName) {
const urlValue = getQueryParam(paramName);
if (urlValue) {
// 打开新页面
const newWindow = window.open(urlValue, '_blank');
if (newWindow) {
// 成功打开新页面后,关闭当前页面
window.close();
} else {
alert("Failed to open the URL. Please allow pop-ups in your browser.");
}
} else {
console.warn(`Parameter "${paramName}" is not found in the URL.`);
}
}
// 页面加载完成后自动执行
window.onload = function () {
redirectToParamUrl("redirectUrl");
};
</script>
</head>
<body>
<h1>页面跳转中</h1>
<p>如果没有跳转,请检查url</p>
</body>
</html>
或者
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>URL Redirect</title>
<script>
// 获取URL中的指定参数值
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
// 获取参数并重定向
function redirectToParamUrl(paramName) {
const urlValue = getQueryParam(paramName);
if (urlValue) {
// 跳转到目标地址
window.location.href = urlValue;
// 尝试关闭当前页面
setTimeout(() => {
window.close();
}, 100); // 延迟 100ms 确保跳转触发
} else {
console.warn(`Parameter "${paramName}" is not found in the URL.`);
}
}
// 页面加载完成后自动执行
window.onload = function () {
redirectToParamUrl("redirectUrl");
};
</script>
</head>
<body>
<h1>页面跳转中</h1>
<p>如果没有跳转,请检查url</p>
</body>
</html>
2、添加企业微信客服
<a href="https://work.weixin.qq.com/kfid/kfcfbd4ca8ae8f78c4b" rel="nofollow" target="_blank">企业微信客服</a>
© 版权声明
文章版权归作者所有,未经允许请勿转载。