前言：今天云優(yōu)化老師給實驗班的課程里面用到了我的網站做分析，之后tandianseo更新的文章也是用了我的網站做案例，我很高興也很榮幸。所以給大家(針對新手，老手見笑了)講講這個按鈕的制作過程。
首先請大家看看我的網站(www.wendaoseo.com)底部，有一個加入qq群的引導按鈕
點擊這個按鈕就會彈出加入qq群的對話框。很方便，如果你沒有用過或者用過不知道怎么布置，可以嘗試點一下看看效果，下面我來教你怎樣在你的網站布置這樣一個按鈕。
1、首先你需要有一個群，然后進入這里http://wp.qq.com/widget/group.php 選擇你的要推廣的一個群，復制代碼。
<a target=”_blank” href=”http://wp.qq.com/wpa/qunwpa?idkey=6b1cd8fd6ac4b098517ffe0f71f0d32c59c70aac19ab3cb0d956461cc32ed9a2″><img border=”0″ src=”ttp://pub.idqqimg.com/wpa/images/group.png” alt=”SEO技術交流【文刀】” title=”SEO技術交流【文刀】”></a>
2、我們可以對代碼做出一些調整：加入一個nofollow屬性，title屬性是鼠標移到上面去它顯示的一行文字，我就改成了”點此加入文刀的seo技術交流群”，然后圖片你可以自己做個更漂亮的圖片吸引用戶加入，我就沒有替換了，直接用默認的樣式，因為我是放在底部的，要低調奢華有內涵，無需高端大氣上檔次。
<a target=”_blank” rel=”external nofollow” href=”http://wp.qq.com/wpa/qunwpa?idkey=5b90af10c94eff74eb0708f53a3fbceb717e6a06b16468c703d04853bb59c024″><img border=”0″ src=”ttp://pub.idqqimg.com/wpa/images/group.png” alt=”SEO技術交流【文刀】” title=”點此加入文刀的seo技術交流群”></a>
3、把這個代碼布置到你網站源代碼里面去：如果你和我一樣是wordpress做的博客，你把改好的代碼放到你網站模板代碼里面就行了，比如我就放在footer.php里面，這樣在所有頁面的底部就有了。
總結：做一個qq群快捷加入按鈕是留住用戶很好的方式，而這個按鈕的位置以及樣式對點擊量提升都有重要的影響.
