我們在開啟網頁時有時會碰到一些網頁彈出加ＱＱ群或QQ聊天的一個對話方塊了，下面我們一起來看看這種方法的實現步驟． <iframe id="iframeu2512078_0" src="http://pos.baidu.com/kcum?sz=638x216&amp;rdid=2512078&amp;dc=2&amp;di=u2512078&amp;dri=0&amp;dis=0&amp;dai=1&amp;ps=522x204&amp;coa=at%3D3%26rsi0%3D638%26rsi1%3D216%26pat%3D1%26tn%3DbaiduCustNativeAD%26rss1%3D%2523FFFFFF%26conBW%3D0%26adp%3D1%26ptt%3D0%26titFF%3D%2525E5%2525BE%2525AE%2525E8%2525BD%2525AF%2525E9%25259B%252585%2525E9%2525BB%252591%26titFS%3D%26rss2%3D%2523000000%26titSU%3D0%26tft%3D0%26tlt%3D0%26ptbg%3D90%26piw%3D0%26pih%3D0%26ptp%3D0&amp;dcb=BAIDU_SSP_define&amp;dtm=BAIDU_DUP_SETJSONADSLOT&amp;dvi=0.0&amp;dci=-1&amp;dpt=none&amp;tsr=0&amp;tpr=1466732301267&amp;ti=%E6%89%93%E5%BC%80%E7%BD%91%E9%A1%B5%E8%87%AA%E5%8A%A8%E5%BC%B9%E5%87%BAQQ%E5%AF%B9%E8%AF%9D%E6%A1%86%E7%9A%843%E7%A7%8D%E6%96%B9%E6%B3%95-js%E6%95%99%E7%A8%8B-%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C-%E5%A3%B9%E8%81%9A%E6%95%99%E7%A8%8B%E7%BD%91&amp;ari=1&amp;dbv=2&amp;drs=1&amp;pcs=1366x599&amp;pss=1366x543&amp;cfv=18&amp;cpl=32&amp;chi=1&amp;cce=true&amp;cec=GBK&amp;tlm=1457191718&amp;rw=599&amp;ltu=http%3A%2F%2Fwww.111cn.net%2Fwy%2Fjs-ajax%2F77704.htm&amp;ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DDlKkAh6dDAA0X8iVhdK8qQqShf-ybeF6ooom4Cqc64k1USVWv6r3yRnE-lObl4hbAVr1k7CDYIXQqtbW8bYRPa%26wd%3D%26eqid%3Da98ab1a2000c5bc100000004576c8bfe&amp;ecd=1&amp;psr=1366x768&amp;par=1366x728&amp;pis=-1x-1&amp;ccd=24&amp;cja=true&amp;cmi=63&amp;col=zh-CN&amp;cdo=-1&amp;tcn=1466732301&amp;qn=c45564ebdf6cfee8&amp;tt=1466732301074.199.319.325" width="638" height="216" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="border-width: 0px; vertical-align: bottom; margin: 0px;"></iframe>

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

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

這有點像移動開發中的打電話的連結，應該是呼叫你自己電腦的軟體。
通過自動彈出QQ對話方塊的方法能夠實現很高的客戶諮詢量，相比“左一個、右一個、中間再彈一個”的客服元件，通過“開啟網頁自動彈出QQ對話方塊”這種方式來實現提升諮詢量無論是使用者體驗還是效果都要強很多。

每個瀏覽器對於這段程式碼的實現方法可能略有不同，

firefox裡面會讓你選擇什麼應用程式來開啟這個連結，可能使用者也會勾選“記住我對tencent型別連結的選擇。（R）”，這樣以後都不會彈出選擇應用程式的這個對話方塊。

而IE等瀏覽器是會直接彈出對話方塊，不過如果你同時登入了多個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', "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('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', "tencent://message/?uin="+src+"&Site=&menu=yes")
    }, 10000)
})
</script>

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