我們有時進一些網面或專題頁面會自動彈出一個加為好友的對話框了,在研究了很久之后發現可以直接使用js來實現,下面我們一起來看js實現打開網頁自動彈出添加QQ好友邀請窗口的方法。
第一種方法:JS腳本(推薦,沒有框架利於優化)
這個是比較關鍵的,我們需要新建一個pop.js腳本文件,我們也可以把下面的代碼加入到網站已有的JS文件中。
var qq_chat = true;
function show_qq() {
if (qq_chat) {
popwin = window.location.href = 'tencent://message/?uin=QQ號碼設置&Site=公司名稱設置&Menu=yes'
}
};
setTimeout("show_qq()", 1000);
對應的uin和Site參數修改成自己的就可以。對於彈出的時間,可以在setTimeout后面的1000參數調整,數字越大越慢彈出。
如果以上的腳本在我們已有的網站頁面JS中,這時候就可以直接彈出效果。如果我們是新建的JS文件,我們就需要把POP.JS添加到頁面中。
<script type="text/javascript" src="pop.js"></script>
設置多個客服QQ
針對企業中有多個客服的情況,為了客服直接合理分配接待。剛剛也研究出了一套解決方案就是預設多個客服QQ,然后給訪客隨機彈出一個客服QQ的對話框!當然這個適合於企業,對於個人站長就沒必要了。
<iframe style="display:none;" class="qq_iframe" src=""></iframe> <script> $(function(){ qq_list = new Array('12345678', '87654321'); //隨機 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('12345678', '87654321'); //隨機 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>
第二種方法:框架
1、在網頁中插入iframe框架並設置src=“tencent://message/?uin=QQ號碼設置&Site=公司名稱設置&menu=yes”;
2、訪客打開你網站的同時也會打開iframe框架中的鏈接;
3、訪客的QQ窗口就會彈出與你的QQ聊天的對話框了。
具體代碼如下:
<iframe src='tencent://message/?uin=QQ號碼設置&Site=公司名稱設置&menu=yes' width='0' height='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>
<iframe style="display:none;" src="tencent://message/?uin=QQ號碼設置&Site=公司名稱設置&menu=yes"></iframe>