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


很多企業網站打開的時候,都會彈出一個對話框,而且是qq的對話框,不僅僅是簡單的網頁的對話框,通過對話框可以直接和客服對話,特別是醫院類的網站更是多的不可勝數,這些網站一方面是想留住用戶,一方面也是希望通過這種方式獲取用戶的qq號碼,方便以后做營銷。

如何實現打開網頁自動彈出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>

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM