在很多WEB項目中，需要提供在線服務的功能，加上自己的聯系方式，例如：QQ，不用添加QQ好友也可以交談,那這到底是怎么實現的呢？
對於這個功能，需要提到一個組件，即“QQ通訊組件”。QQ通訊組件是一種靈活的通訊工具，支持所有QQ版本的用戶在沒有加你為好友的前提下向您發起臨時會話，讓溝通無距離；將您的QQ在線狀態發布在互聯網上（論壇、博客、郵箱等），他人點擊即可與您聯系，溝通就這么一“點”距離。“QQ通訊組件”需要開通后才能使用。對於從未開通過“QQ通訊組件”的用戶來說，登錄wp.qq.com即可自動開通。如果您是曾經開通但停用服務的話，登錄網站會直接跳轉到開通頁面，點擊“啟用服務”按鈕即可開通“QQ通訊組件”。如果不想再收到來自任何非騰訊網站的臨時會話，在“設置”頁內點擊“停用服務”，停用后，他人必須加您為好友之后才能與您會話。
下面我詳細說明在WEB項目中調用QQ通訊組件打開QQ聊天界面的過程：
1．登錄QQ，找到左下角“主菜單”按鈕。
2．依次單擊“主菜單”→“所有服務”→“QQ推廣”。
3．之后會彈出這樣一個網頁，這里我們點擊“推廣工具”。需要注意的是，部分QQ用戶可能之前未開通過此功能，系統會詢問是否開通，這里我們直接同意即可。
4．這時可以在網頁下方看到一串代碼，我們只要將這里的代碼復制下來就可以了。當然如果你想修改組件的樣式，可以修改代碼中“51”的數值，具體有多少種樣式你可以后面自己慢慢試。title后面的文字也可以修改成你喜歡的內容，這個是鼠標停留時的提示文字。
更加推薦去：QQ互聯--->功能組件--->通訊組件，因為在這里面復制代碼QQ號碼加密了，別人看不到QQ號，從而更加保證個人隱私。
5．在自己的WEB項目中指定位置加入復制的這段代碼即可實現功能，當然也可以根據自己的需求把代碼進行一些變動，用jquery進行打開頁面等等。
<div class="col-md-12" >
<label class="control-label">在線支持 </label>
<img border="0" src="http://wpa.qq.com/pa?p=2:1375457618:41" alt="在線支持" title="在線支持" style="cursor:pointer" id="QQsupport"/>
</div>
<script>
//QQ在線支持
$("#QQsupport").click(function(){
//window.open('http://sighttp.qq.com/authd?IDKEY=96a228fefa522ae3ef9d616f3c00089affdad9ada24ffd80', '_blank');
window.open('http://sighttp.qq.com/authd?IDKEY=96a228fefa522ae3ef9d616f3c00089affdad9ada24ffd80');
});
</script>
顯示效果如下所示：
6．點擊“QQ交談”就可以打開QQ聊天界面了。