JS彈出QQ對話框的幾種方法 二維碼
發表時間:2016-05-03 17:12 自動彈出對話框我們在網頁中放置一個框架,然后框架的地址就是上面的那段代碼,當網頁加載的時候就會自動去訪問這個地址,于是就會自動彈出QQ聊天窗口,當然我們需要設置這個框架不顯示,不能讓用戶看到。 <iframe style="display:none;" src="tencent://message/?uin=7059448&Site=&menu=yes"></iframe> 設置多個客服QQ針對企業中有多個客服的情況,為了客服直接合理分配接待。剛剛也研究出了一套解決方案就是預設多個客服QQ,然后給訪客隨機彈出一個客服QQ的對話框!當然這個適合于企業,對于個人站長就沒必要了。 <iframe style="display:none;" class="qq_iframe" src=""></iframe> <script> $(function(){ qq_list = new Array('7059448', '7059448'); //隨機 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('7059448', '7059448'); //隨機 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> JavaScript腳本延時加載上面的方法中會使用到Iframe框架,可能有的網友擔心這不利于優化,沒關系我們可以使用JavaScript腳本加載這段調用QQ的代碼,一般網盟的代碼 和 統計代碼也是采用的這樣方法,強力推薦! 新建JS文件這一步非常的關鍵,我們新建一個JavaScript腳本文件,文件的命名隨便取,然后寫入下面的代碼,我們也可以把下面的代碼加入到網站已有的JS文件中,不影響其它函數的運行。 var qq_chat = true; function show_qq() { if (qq_chat) { popwin = window.location.href = 'tencent://message/?uin=7059448&Site=觀達云&Menu=yes' } }; setTimeout("show_qq()", 1000); 對應的uin和Site參數修改成自己的就可以。對于彈出的時間,可以在setTimeout后面的1000參數調整,數字越大越慢彈出。 引入JS文件如果以上的腳本在我們已有的網站頁面JS中,這時候就可以直接彈出效果。如果我們是新建的JS文件,我們就需要把這個文件添加到頁面中,方便調用我們定義的彈窗函數。 <script type="text/javascript" src="show_qq.js"></script> 這種方法應該是最好的解決方法,及實現了效果,有不影響網頁優化。 |