開啟網頁 自動提示選擇qq實現方式整理

開啟網頁時有時會碰到一些網頁彈出加qq聊天的一個對話方塊了，下面我們一起來看看這種方法的實現步驟。

自動彈出對話方塊

我們在網頁中放置一個框架，然後框架的地址就是上面的那段程式碼，當網頁載入的時候就會自動去訪問這個地址，於是就會自動彈出QQ聊天視窗，當然我們需要設定這個框架不顯示，不能讓使用者看到。

<iframe style="display:none;" src="tencent://message/?uin=1278230143&Site=&menu=yes"></iframe>

設定多個QQ

針對企業中有多個客服的情況，為了客服直接合理分配接待。剛剛也研究出了一套解決方案就是預設多個客服QQ，然後給訪客隨機彈出一個客服QQ的對話方塊！當然這個適合於企業，對於個人站長就沒必要了。

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    qq_list = new Array('111111', '2222222');
    qq_i = Math.floor(Math.random()*qq_list.length);
    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
})
</script>

延時彈出對話方塊

有不少客戶問我如何設定訪客開啟頁面後10秒再彈出，再次研究更新了這個彈出，確實找到的方法可設定10秒後彈出！這樣可以一定程度上提升使用者體驗，同時讓訪客先看看網站的優質服務能夠有效地提升客戶對產品的認可度，進而提升客戶主動溝通的機會！

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    setTimeout(function(){
        qq_list = new Array('11111', '222222');
        qq_i = Math.floor(Math.random()*qq_list.length);
        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    
        $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
    }, 10000)
})
</script>

由龐順龍最後編輯於：4年前

內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。