利用artDialog给网站添加一个能显示搜索来路和关键词的欢迎框

最新消息：目前该功能已推出 WordPress 版和 ZBlog(PHP)版插件！详细介绍=>

导读 我们都知道，跳出率的高低和网站的粘性有着必然的关系，而对于网站粘性，我们可以通过提高文章的质量、可读性及实用性来进一步优化。当然，前人还教诲我们，可以在文章底部弄一些相关性文章来吸引读者进一步点击阅读，可以有效地降低跳出率。

总之，这些都是网络上老生常谈的一些网站粘性优化经验，大家都能心神领会。

一、功能由来

前些天，我在查看 CNZZ 搜索词的时候发现了一种跳出率为 100%的情况：搜索词和我博客的文章有一定相关性，但可能并不是用户确切想要的解决方法，所以用户就随手 Close 了。

将前期跳出率为 100%的搜索词都看了一遍之后，我不禁心里呐喊：虽然用户搜索的问题，博客当前的文章无法解决，但是并不代表我不会啊！我只是没遇到这种情况，从而文章就没写到而已！！

但是，呐喊始终是无力的，因为你并不知道用户是谁？也无法主动和他联系！那么就只有一种可能：用户主动联系你，帮助他解决问题，从而丰富博客相关问题的解决办法，为之后的搜索带来更强的粘性！

那么问题来了，如何让用户主动联系你呢？想法总是高于技术的，只要有了想法，技术问题迟早可以解决。

当我拿到这个问题时，我就有了一个想法：当用户从搜索引擎通过搜索词打开你的博客文章时，网站可以在右下角弹出一个友好提示，告诉用户如果当前文章无法解决问题，你可以直接留言联系博主，从而间接和用户搭上了线！虽然，不一定全部奏效，但是只要有百分之一的效果，我们就值得去努力尝试！

理论的道理磨叽叭嗦的说了一大堆，实际是为了凑字数。。。

下面就献上张戈研究了一个下午的成果：

二、功能简介

①、功能说明

本功能通过 artDialog 插件并结合一系列 js 代码实现，当用户通过关键词从搜索引擎点开你的博客时，在网站右下角弹出一个友好提示框，显示用户所使用的【搜索引擎】及【关键词】，并告诉用户若无法解决问题可以留言联系博主。值得说明的是本功能只对从搜索引擎来的用户有效，平常的访问将不可见。

②、功能预览

i. 在线搜索张戈博客已收录文章的关键词，比如在百度搜索  centos 7  或  张戈：

ii. 从搜索结果中打开张戈博客的文章链接，就可以在右下角弹出友好提示框：

iii. 当然，其他主流搜索引擎张戈也已写好适配代码，比如谷歌、360 以及搜狗，可以自行搜索测试。

三、功能实现

一直以来，张戈博客分享任何需要代码实现的功能，总是会贴上代码，并作详细说明。现在想想，我是不是进入了一个误区？因为我发现代码越多，解释越多，用户就越迷茫！

所以，这次分享我不会细说代码，仅仅说一下最简部署方法。至于进一步的 DIY，请自己去搜索搞定。

部署方法很简单，直接将以下代码添加到博客的 footer 或 head 部分即可：

<script type="text/javascript" src="http://static.zhangge.net/wp-content/themes/begin-child/diy/wp-dialog/dialog_n.js?skin=default"></script>

四、附加说明

①、获取搜索引擎及搜索关键词的功能和搜索引擎的 url 形式有关系，所以张戈当前编写 js 并不一定永久有效，当搜索引擎的查询链接有所改变时，该功能可能失效，比如百度搜索是【&wd=string】，而谷歌搜索是【&q=string】。只要这个查询参数不变，那么 js 理论上一直有效；

②、本站初次尝试以最少代码来实现功能（俗称最简分享），也就是只要调用张戈博客已经部署好的代码就可以实现这个功能，所以展现形式也和张戈博客的一致！当然，后续有时间我可能会来补充详细的本地部署和 DIY 的方法；

③、代码的编写和测试仅用了一个下午，所以难免会有一些未料到的 BUG，若有发现请及时反馈。

好了，本文分享到此结束，喜欢的赶紧去试试吧！