自助推荐
立即入驻

如何在网站上添加QQ/微信在线客服

博客22小时前更新 桔子雨
5 00
如何在网站上添加QQ/微信在线客服

互联网时代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>
© 版权声明

相关文章