當前位置:首頁 > 建站常識 > 列表

網頁自動彈出QQ對(duì)話(huà)框的(de)3種方法

點擊:時(shí)間:2016/12/29關鍵詞:上海網頁制作 網頁設計 網站開發
我們在打開網頁時(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

<a href=/tags/shanghaiwangyezhizuo/><strong>上海網頁制作</strong></a>


我們在打開網頁時(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&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>

認真的(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ì)你有所幫助。

預約建站
免費提供網站優化(huà)
領取關鍵詞