网站建设

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

Jager · 11月11日 · 2014年 · 3273次已读

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

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

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

一、功能由来

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

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

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

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

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

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

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

二、功能简介

①、功能说明

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

②、功能预览

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

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

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

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

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

三、功能实现

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

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

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

<script type="text/javascript" src="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

25 条回应
  1. 小马博客 2014-11-11 · 23:23

    学习了!

  2. 中国历史 2014-11-12 · 9:17

    以前看到有的网站有这个功能,还是你厉害,搞出这个供大家使用

    • avatar
      Jager 2014-11-12 · 9:18

      好东西就应该分享给大家用,从而提高知名度 :lol:

      • 中国历史 2014-11-14 · 11:14

        个人品牌营销,哈哈

  3. 梦轩丽人 2014-11-12 · 11:40

    这个功能不错,我当初看访问数据的时候也发现大部分搜索而来的跳出率都是100%,没想到问题还能这样解决,强大啊!

    • avatar
      Jager 2014-11-12 · 11:42

      并不一定凑效,但是应该能起到一定的效果。我能想到的也就这些了,希望有人分享更好的想法。
      还是那句话,有想法,技术都不是瓶颈。

      • 梦轩丽人 2014-11-12 · 12:01

        这个应该就是所谓的:只有想不到,没有做不到。

        • avatar
          Jager 2014-11-12 · 12:32

          嗯,所以产品经理比程序猿更有发展前途。

  4. PHP二次开发 2014-11-12 · 11:58

    这个东西不错,不过还是不喜欢弹窗的形式。

    • avatar
      Jager 2014-11-12 · 12:32

      想法和方向都指明了,弹窗也只是实现这个想法一种形式而已,完全还可以采用潜入到页面的其他位置。

  5. 优美拍 2014-11-12 · 21:38

    PC端没发现,手机确实有。

  6. 叶德华 2014-11-12 · 22:27

    今晚没做项目,利用时间把张哥最近更的文章都看看。

  7. 必分享 2014-11-12 · 23:38

    这个东西好。

  8. 香港服务器租用 2014-11-13 · 14:47

    关于跳出率这个问题,我觉得既然用户来到了你的网站,肯定是你站内的内容没有实实在在地吸引到用户,不然跳出率也不会那么高,还是提高自己网站内容的原创性和真实性,将用户体验做好,肯定会事半功倍。独立IP主机 风暴来袭 优惠62% 终生3.8折,转发活动送wifi…

  9. 瑾瑜 2014-11-20 · 11:29

    正常情况下访客找不到想要的会关掉然后去搜索其他网站,但正如你说的,机会还是有的,而且提示框挺友好的,不至于影响浏览。

  10. 2014-12-26 · 11:38

    请教张哥,从百度点击测试本人网站的时候,背景色是空白的?

    • avatar
      Jager 2014-12-26 · 12:10

      安装这个功能的插件试试

      • 2014-12-26 · 12:46

        已经OK,谢谢张哥

        • avatar
          Jager 2014-12-26 · 12:53

          貌似没看到你博客有欢迎框呢

        • avatar
          Jager 2014-12-26 · 12:54

          知道了,你开了缓存。

  11. 2014-12-26 · 12:56

    签到成功!签到时间:下午12:31:02,每日签到,生活更精彩哦~

  12. 幻影雪狮 2015-9-19 · 14:58

    没有滚动效果和点击嗨一下也没有反应是怎么回事

    • avatar
      Jager 2015-9-19 · 19:38

      应该是JS冲突问题吧,按下F12看看报了什么错,然后百度解决下。