WordPress博客友好对话框+文章随机推荐滚动条插件（附代码版）

双 11 光棍节，我在博客发布了一篇给博客部署一个友好对话框的教程，用了几天感觉非常不错！就进一步折腾了一下，目前这个 js 已实现以下多种功能：
一、功能描述
①、能够取得访客的搜索来路和搜索关键词，并在右下角滑出欢迎对话框；

②、能够区分用户是否在博客留过言，从而给出不同的欢迎提示；

③、当有人复制博客任何内容时，将弹出友好的版权保留提醒；
IE 内核：
WEBKIT 内核：
④、JS 代码版可全面兼容 WordPress、ZBlog(PHP&ASP)、Emlog 及 Typecho：
我已手工适配上述建站程序对于留言信息的 cookies 命名，从而可以顺利取得不同建站程序的留言者昵称。
⑤、网站底部随机文章滚动条功能（此功能仅 WordPress 插件版配备）
Ps：张戈设计以上功能的目的，上一篇文章已说得很清楚了，主要是提高自然访客的体验度，尽最大努力增加网站粘性，从而降低跳出率。好了，废话不多说，开始分享咯！
二、JS 部署方法
js 部署方法非常简单，直接将如下代码粘贴到博客的 footer 或 head 或其他任意位置即可：
<script type=”text/javascript” src=”https://res.zgboke.com/wp-content/plugins/wp-dialog/diydialog.js?skin=default”></script>
比如 WordPress 博客可以将上述代码粘贴到主题目录下的 footer.php 中。此 JS 代码在其他博客程序也同样适用！
二、WordPress 插件
考虑到一些不懂代码的小白博主，所以花了些时间写了个 WordPress 插件，目前已提交至 WordPress 官方，并成功通过审核：
插件地址：https://wordpress.org/plugins/wp-dialog/
下载地址：https://downloads.wordpress.org/plugin/wp-dialog.zip
如果好用，希望你能抽空前往给个好评，支持下~非常感谢！
安装方法：
方法①、直接在后台插件在线安装界面，搜索 wp dialog 并按照提示安装启用即可【推荐】。
方法②、将下载的文件解压，然后将`wp-dialog`文件夹 上传到 `/wp-content/plugins/`目录，在插件后台启用即可；
方法③、进入后台插件安装界面，选择上传安装插件，并选择下载得到的 zip 压缩包即可；
注意事项：
如果发现启用插件之后，滚动条不能滚动，可能有如下情况：
①. 博客未正确加载 Jquery.js；
②. 博客重复加载了 Jquery.js 造成冲突。
若出现以上情况，请参考解决：https://zhang.ge/4387.html，当然，你也可以联系张戈协助解决。
Ps：这是张戈博客的第二个 WordPress 原创插件，希望大家喜欢。
2015.08.01 : Ver 1.25.2 版本更新说明
= 1.2.5.2 =
* 新增好搜、必应、神马和有道搜索来路判断功能；
* 压缩 js 代码，优化加载速度，压缩后大概可以减少 20kb；
* 对话框改为在移动端不弹出（移动端弹出体验不好）。
= 1.2.5.1 =
* 修复导致部分主题某些元素意外隐藏问题；
* 修复部分对话框相关图片 404 问题。
2015.05.02：Ver 1.25 版本更新说明

修复在部分主题下滚动条不显示文字或错乱问题；
修复底部滚动文字在宽度变窄时会消失的问题；
修改为当宽度小于 480px 底部滚动条自动隐藏；
新增宽度小于 720px 时，不会自动弹出欢迎框；
新增 cookies 记忆评论者信息功能，可在后台关闭；
其他未及时记录在案的 CSS 冲突修正。

Ver 1.24 版本更新说明：

修复了在 IE 下复制文字无法弹出版权提醒的 BUG；
新增宽度小于 900px 时隐藏底部公告栏的特性。

2015.01.07：Ver 1.23 版本更新说明：

①、新增网页嗨一下功能，首次启动请到插件设置界面填写歌曲 url 地址
②、后台新增邮件订阅设置，可自定义滚动条右侧的博客订阅按钮地址
③、后台新增留言地址设置，让对话框中显示留言板超链接
④、修复可能从 cookie 获取用户名乱码的问题
2014.11.23：Ver 1.22 版本更新说明
①、后台设置新增主题对话框功能开关，至此该插件所有功能都能灵活组合了；
②、修复了几个不影响功能的小错误。

2014.11.22：Ver 1.21 版本新增了后台设置功能：
插件激活后，点击[设置]按钮进入插件设置界面，插件默认设置如下：

很直白的设置说明，一看就懂，其中手动呼出对话框是指底部随机文章滚动条右侧的笑脸按钮，其他的就不多说了。下一版本将在设置项目里面新增是否开启欢迎对话框设置功能，让插件的功能更加灵活！
三、ZBlogPHP 插件
暴博客看到这个 js 之后，兴致勃勃的写了一个 ZBlogPHP 版插件，使用 ZBP 建站的朋友可以前往下载安装。
ZBP 插件官方地址：http://app.zblogcn.com/?id=587
四、附加说明
①、该对话框在浏览器关闭之前只会弹出一次，避免了重复弹出带来的负面影响，但是从搜索引擎再次打开的页面一定会显示对话框。
针对纯代码版（WordPress 插件版已自带底部手动呼出功能）：
②、如果想和张戈博客一样，在右下角增加一个手动呼出对话框的功能，你可以如下操作：
i. 张戈在写 js 的时候，已经预留了手动接口：
//删除对话框 cookies
deleteCookie(‘welcome’);
//手动呼出对话框
welcome();”
ii. 所以，只要在想要的位置新增一个 a 标签，可以是图片也可以是按钮，即可成功添加一个手动呼出对话框的功能：
比如图片按钮的代码如下：
<a href=”https://zhang.ge/javascript:void(0)” onclick=”deleteCookie(‘welcome’);welcome();” title=”呼出欢迎对话框”><img src=”这里填写图片地址”></a>
文字的就不说了，这都搞不定，那还能说什么呢？
就写这么多，最后郑重声明一下，该插件及功能想法均属于张戈博客的原创作品，任何个人或团体不可擅自更改版权，否则必追究责任！

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