本帖Z后由 文刀seo 于 2013-11-6 01:24 编辑

前言:今天云优化老师给实验班的课程里面用到了我的网站做分析,之后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群快捷加入按钮是留住用户很好的方式,而这个按钮的位置以及样式对点击量提升都有重要的影响.