PHPOK客服QQ模塊創(chuàng)建說明

導航: 上一頁

• 創(chuàng)建一個模塊

進入核心配置－模塊管理－創(chuàng)建新組（模塊），如下圖

• 創(chuàng)建字段（共有三個字段）

關(guān)于QQ風格的下拉菜單數(shù)據(jù)分別是：

41,默認風格  
42,TM風格  
43,淺藍Q我吧  
44,深藍經(jīng)典  
45,小圖標  
46,簡單風格  
47,清爽藍  
48,橙黃記事本  
49,水藍  
50,有事您Q我 

• 創(chuàng)建數(shù)據(jù)調(diào)用

• 創(chuàng)建前臺模板文件
  • 創(chuàng)建一個模板頁，這里假定為：qqinc.html，輸入以下代碼

 
<!-- run:$qqlist = phpok('qq') --> 
<!-- if($qqlist[rslist] && is_array($qqlist[rslist]) && count($qqlist[rslist])>0) --> 
<style type="text/css"> 
.middle-bg{background:url("images/qq-middle.jpg") repeat-y;}  
.myqq{text-align:center;}  
#qqonline_float{width:111px;position:fixed;*_position:absolute;right:10px;top:100px;}  
</style> 
<!--[if gte IE 5.5]> 
    <![if lte IE 8]> 
    <style type="text/css"> 
 
        #qqonline_float {  
          top: expression( 
     ( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )
        + 'px' );  
        }  
 
    </style> 
    <![endif]> 
    <![endif]--> 
<div id="qqonline_float"> 
<div><img src="images/qq-top.jpg" width="111px" /></div> 
<div class="middle-bg"> 
    <!-- $qqlist[rslist] AS $key=>$value --> 
        <!-- run:$qqrs = phpok('qq','id='.$value[id]) --> 
        <div class="myqq">
         <a  target="_blank" onclick="var 
         tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey={:$qqrs[qqcode]}';
         var oldscript=document.getElementById('testJs');
         var newscript=document.createElement('script');
         newscript.setAttribute('type','text/javascript'); 
         newscript.setAttribute('id', 'testJs');
         newscript.setAttribute('src',tempSrc);
         if(oldscript == null){document.body.appendChild(newscript);}
           else{oldscript.parentNode.replaceChild(newscript, oldscript);}
         return false;">
       <img border="0" SRC='http://wpa.qq.com/pa?p=1:{:$qqrs[qq]}:{:$qqrs[qqstyle] ? $qqrs[qqstyle] : 41}' alt="{:$value[title]}"></a></div> 
    <!-- end --> 
</div> 
<div><img src="images/qq-bottom.jpg" width="111px" /></div> 
</div> 
<!-- end --> 

將創(chuàng)建好的文件放到模板目錄里

• • 修改foot.html模板文件，在</body>之前加入

將相應的附件放到圖片模板目錄時

至此在線QQ客服創(chuàng)建完畢。

• 特別說明：

在wp.qq.com 里申請到的QQ代碼過長，超過自定義字段的長度（當然了，如果使用FCKeditor文本框創(chuàng)建是不會超過），所以這里只提取代碼里有效的幾個字段：QQ號碼，密鑰串及風格樣式

• 如何取得QQ號碼的密鑰串：
  • 登錄 wp.qq.com 網(wǎng)站，輸入QQ號碼和密碼

設(shè)置相應權(quán)限，個人建議三個權(quán)限都選中，如圖

會生成以下代碼

分析代碼： 找到sigkey=25f49d22e11d35ba8b973773044644d06dd75537c066ab65bfceb802eb24626b; 其中加粗部分即為密鑰串，不同的QQ號碼有不同的密鑰串！

相關(guān)條目

• 銳商CMS
• DedeCMS
• Drupal
• Joomla
• PageAdmin

參考來源

• 參考來源1