利用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,若有发现请及时反馈。
好了,本文分享到此结束,喜欢的赶紧去试试吧!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- typescript实战总结之实现一个互联网黑白墙
- 文件上传漏洞演示(一句话木马文件 + 蚁剑)
- [Bazel]构建Golang项目
- 2020--IDEA破解失败后无法打开(mac/win)【已解决】
- CPU:别再拿我当搬砖工!
- 7类 登录/注册 安全漏洞
- 安全弹出你的移动设备,保护数据安全!
- burpsuite系列
- idea_Maven_setting文件依赖源国内镜像
- Wapiti安装及使用
- 利用burpsuite+sqlmap POST自动化注入详解
- GSoC: GitHub Checks API 项目第一阶段总结
- GoldenEye靶机渗透
- RBash - 受限的Bash绕过
- 【Rust日报】2020-08-10:在 Rust 中存储连续数据