我們在打開網頁時(shí)有時(shí)會碰到一些網頁彈出加QQ群或QQ聊天的(de)一個(gè)對(duì)話(huà)框了(le),下(xià)面我們一起來(lái)看看這(zhè)種方法的(de)實現步驟.
<iframe id="iframeu2512078_0" src="http://pos.baidu.com/kcum?sz=638x216&rdid=2512078&dc=2&di=u2512078&dri=0&dis=0&dai=1&ps=522x204&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&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1466732301267&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&ari=1&dbv=2&drs=1&pcs=1366x599&pss=1366x543&cfv=18&cpl=32&chi=1&cce=true&cec=GBK&tlm=1457191718&rw=599&ltu=http%3A%2F%2Fwww.111cn.net%2Fwy%2Fjs-ajax%2F77704.htm&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DDlKkAh6dDAA0X8iVhdK8qQqShf-ybeF6ooom4Cqc64k1USVWv6r3yRnE-lObl4hbAVr1k7CDYIXQqtbW8bYRPa%26wd%3D%26eqid%3Da98ab1a2000c5bc100000004576c8bfe&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=true&cmi=63&col=zh-CN&cdo=-1&tcn=1466732301&qn=c45564ebdf6cfee8&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>
認真的(de)研究了(le)這(zhè)些網站的(de)源代碼,發現了(le)一個(gè)東西,一般現在的(de)網站很少使用(yòng)框架的(de),因爲搜索引擎不能識别框架,但是這(zhè)些網站卻有一個(gè)框架,框架的(de)地址就是一行簡單的(de)地址,而且還(hái)不是http的(de)地址,例如下(xià)面的(de)這(zhè)個(gè)地址:tencent://message/?uin=QQ号碼&Site=&menu=yes
每個(gè)浏覽器對(duì)于這(zhè)段代碼的(de)實現方法可(kě)能略有不同,firefox裏面會讓你選擇什(shén)麽應用(yòng)程序來(lái)打開這(zhè)個(gè)鏈接,可(kě)能用(yòng)戶也(yě)會勾選“記住我對(duì)tencent類型鏈接的(de)選擇。(R)”,這(zhè)樣以後都不會彈出選擇應用(yòng)程序的(de)這(zhè)個(gè)對(duì)話(huà)框。
Firefox裏面選擇程序打開鏈接
而IE等浏覽器是會直接彈出對(duì)話(huà)框,不過如果你同時(shí)登錄了(le)多(duō)個(gè)QQ,那麽他(tā)會讓你選擇一個(gè)qq進行聊天。
選擇QQ進行聊天
放置了(le)這(zhè)段代碼,可(kě)是需要用(yòng)戶點擊,這(zhè)不是我們需要的(de)效果,我們想要用(yòng)戶打開網頁的(de)時(shí)候就彈出這(zhè)個(gè)對(duì)話(huà)框,那麽如何實現
自動彈出對(duì)話(huà)框
我們在網頁中放置一個(gè)框架,然後框架的(de)地址就是上面的(de)那段代碼,當網頁加載的(de)時(shí)候就會自動去訪問這(zhè)個(gè)地址,于是就會自動彈出QQ聊天窗(chuāng)口,當然我們需要設置這(zhè)個(gè)框架不顯示,不能讓用(yòng)戶看到。
<iframe style="display:none;" src="tencent://message/?uin=QQ号碼&Site=&menu=yes"></iframe>
設置多(duō)個(gè)客服QQ
針對(duì)企業中有多(duō)個(gè)客服的(de)情況,爲了(le)客服直接合理(lǐ)分(fēn)配接待。剛剛也(yě)研究出了(le)一套解決方案就是預設多(duō)個(gè)客服QQ,然後給訪客随機彈出一個(gè)客服QQ的(de)對(duì)話(huà)框!當然這(zhè)個(gè)适合于企業,對(duì)于個(gè)人(rén)站長(cháng)就沒必要了(le)。
<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
qq_list = new Array('号碼1', '号碼2');
//随機
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>
延時(shí)彈出對(duì)話(huà)框
有不少客戶問我如何設置訪客打開頁面後10秒再彈出,再次研究更新了(le)這(zhè)個(gè)彈出,确實找到的(de)方法可(kě)設置10秒後彈出!這(zhè)樣可(kě)以一定程度上提升用(yòng)戶體驗,同時(shí)讓訪客先看看網站的(de)優質服務能夠有效地提升客戶對(duì)産品的(de)認可(kě)度,進而提升客戶主動溝通(tōng)的(de)機會!
<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
setTimeout(function(){
qq_list = new Array('号碼1', '号碼2');
//随機
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>
好了(le),以上就是三種設置的(de)方法,一個(gè)比一個(gè)高(gāo)級的(de)說,希望對(duì)你有所幫助。