如何實現打開網頁自動彈出QQ對話框

認真的研究了這些網站的源代碼,發現了一個東西,一般現在的網站很少使用框架的,因爲搜索引擎不能識別框架,但是這些網站卻有一個框架,框架的地址就是一行簡單的地址,而且還不是http的地址,例如下面的這個地址:

tencent://message/?uin=1278230143&Site=&menu=yes

這有點像移動開發中的打電話的鏈接,應該是調用你自己電腦的軟件。

通過自動彈出QQ對話框的方法能夠實現很高的客戶諮詢量,相比“左一個、右一個、中間再彈一個”的客服組件,通過“打開網頁自動彈出QQ對話框”這種方式來實現提升諮詢量無論是用戶體驗還是效果都要強很多。

每個瀏覽器對於這段代碼的實現方法可能略有不同,firefox裏面會讓你選擇什麼應用程序來打開這個鏈接,可能用戶也會勾選“記住我對tencent類型鏈接的選擇。(R)”,這樣以後都不會彈出選擇應用程序的這個對話框。

Firefox裏面選擇程序打開鏈接

而IE等瀏覽器是會直接彈出對話框,不過如果你同時登錄了多個QQ,那麼他會讓你選擇一個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('1278230143', '353207542');
    //隨機
    qq_i = Math.floor(Math.random()*qq_list.length);
    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    $('.qq_iframe').attr('src',src);
})
</script>

延時彈出對話框

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

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

好了,以上就是三種設置的方法,一個比一個高級的說,希望對你有所幫助。

=====2015-06-08 更新====

感謝某位網友分享的另外一種更利於優化的方案。

JavaScript腳本延時加載

上面的方法中會使用到Iframe框架,可能有的網友擔心這不利於優化,沒關係我們可以使用JavaScript腳本加載這段調用QQ的代碼,一般網盟的代碼 和 統計代碼也是採用的這樣方法,強力推薦!

新建JS文件

這一步非常的關鍵,我們新建一個JavaScript腳本文件,文件的命名隨便取,然後寫入下面的代碼,我們也可以把下面的代碼加入到網站已有的JS文件中,不影響其它函數的運行。

var qq_chat = true;
function show_qq() {
    if (qq_chat) {
        popwin = window.location.href = 'tencent://message/?uin=1278230143&Site=問說網&Menu=yes'
    }
};
setTimeout("show_qq()", 1000);

對應的uin和Site參數修改成自己的就可以。對於彈出的時間,可以在setTimeout後面的1000參數調整,數字越大越慢彈出。

引入JS文件

如果以上的腳本在我們已有的網站頁面JS中,這時候就可以直接彈出效果。如果我們是新建的JS文件,我們就需要把這個文件添加到頁面中,方便調用我們定義的彈窗函數。

<script type="text/javascript" src="show_qq.js"></script>

這種方法應該是最好的解決方法,及實現了效果,有不影響網頁優化。


發佈了40 篇原創文章 · 獲贊 20 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章