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

导读 :我们都知道，跳出率的高低和网站的粘性有着必然的关系，而对于网站粘性，我们可以通过提高文章的质量、可读性及实用性来进一步优化。当然，前人还教诲我们，可以在文章底部弄一些相关性文章来吸引读者进一步点击阅读，可以有效地降低跳出率。
总之，这些都是网络上老生常谈的一些网站粘性优化经验，大家都能心神领会。
一、功能由来
前些天，我在查看 CNZZ 搜索词的时候发现了一种跳出率为 100%的情况：搜索词和我博客的文章有一定相关性，但可能并不是用户确切想要的解决方法，所以用户就随手 Close 了。
将前期跳出率为 100%的搜索词都看了一遍之后，我不禁心里呐喊：虽然用户搜索的问题，博客当前的文章无法解决，但是并不代表我不会啊！我只是没遇到这种情况，从而文章就没写到而已！！
但是，呐喊始终是无力的，因为你并不知道用户是谁？也无法主动和他联系！那么就只有一种可能：用户主动联系你，帮助他解决问题，从而丰富博客相关问题的解决办法，为之后的搜索带来更强的粘性！
那么问题来了，如何让用户主动联系你呢？想法总是高于技术的，只要有了想法，技术问题迟早可以解决。
当我拿到这个问题时，我就有了一个想法：当用户从搜索引擎通过搜索词打开你的博客文章时，网站可以在右下角弹出一个友好提示，告诉用户如果当前文章无法解决问题，你可以直接留言联系博主，从而间接和用户搭上了线！虽然，不一定全部奏效，但是只要有百分之一的效果，我们就值得去努力尝试！
理论的道理磨叽叭嗦的说了一大堆，实际是为了凑字数。。。
下面就献上张戈研究了一个下午的成果：
二、功能简介
①、功能说明
本功能通过 artDialog 插件并结合一系列 js 代码实现，当用户通过关键词从搜索引擎点开你的博客时，在网站右下角弹出一个友好提示框，显示用户所使用的【搜索引擎】及【关键词】，并告诉用户若无法解决问题可以留言联系博主。值得说明的是本功能只对从搜索引擎来的用户有效，平常的访问将不可见。
②、功能预览
i. 在线搜索张戈博客已收录文章的关键词，比如在百度搜索  centos 7  或  张戈：

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

iii. 当然，其他主流搜索引擎张戈也已写好适配代码，比如谷歌、360 以及搜狗，可以自行搜索测试。
三、功能实现
一直以来，张戈博客分享任何需要代码实现的功能，总是会贴上代码，并作详细说明。现在想想，我是不是进入了一个误区？因为我发现代码越多，解释越多，用户就越迷茫！
所以，这次分享我不会细说代码，仅仅说一下最简部署方法。至于进一步的 DIY，请自己去搜索搞定。
部署方法很简单，直接将以下代码添加到博客的 footer 或 head 部分即可：
<script type=”text/javascript” src=”https://zhang.ge/static./wp-content/themes/begin-child/diy/wp-dialog/dialog_n.js?skin=default”></script>
四、附加说明
①、获取搜索引擎及搜索关键词的功能和搜索引擎的 url 形式有关系，所以张戈当前编写 js 并不一定永久有效，当搜索引擎的查询链接有所改变时，该功能可能失效，比如百度搜索是【&wd=string】，而谷歌搜索是【&q=string】。只要这个查询参数不变，那么 js 理论上一直有效；
②、本站初次尝试以最少代码来实现功能（俗称最简分享），也就是只要调用张戈博客已经部署好的代码就可以实现这个功能，所以展现形式也和张戈博客的一致！当然，后续有时间我可能会来补充详细的本地部署和 DIY 的方法；
③、代码的编写和测试仅用了一个下午，所以难免会有一些未料到的 BUG，若有发现请及时反馈。
好了，本文分享到此结束，喜欢的赶紧去试试吧！
最新消息：目前张戈博客已推出 WordPress 插件版，欢迎前往查看：https://zhang.ge/4718.html

收录于{张戈博客} 原文链接原文链接