原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

双11光棍节,我在博客发布了一篇给博客部署一个友好对话框的教程,用了几天感觉非常不错!就进一步折腾了一下,目前这个js已实现以下多种功能:

一、功能描述

①、能够取得访客的搜索来路和搜索关键词,并在右下角滑出欢迎对话框;

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

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

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

③、当有人复制博客任何内容时,将弹出友好的版权保留提醒;

IE内核:原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)
WEBKIT内核:原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

④、JS代码版可全面兼容WordPress、ZBlog(PHP&ASP)、Emlog及Typecho:

我已手工适配上述建站程序对于留言信息的cookies命名,从而可以顺利取得不同建站程序的留言者昵称。

⑤、网站底部随机文章滚动条功能(此功能仅WordPress插件版配备)

Ps:张戈设计以上功能的目的,上一篇文章已说得很清楚了,主要是提高自然访客的体验度,尽最大努力增加网站粘性,从而降低跳出率。好了,废话不多说,开始分享咯!

二、JS部署方法

js部署方法非常简单,直接将如下代码粘贴到博客的footer或head或其他任意位置即可:

比如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造成冲突。

若出现以上情况,请参考解决:http://zhangge.net/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版本更新说明

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

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

Ver 1.24版本更新说明

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

2015.01.07:Ver 1.23版本更新说明

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

①、新增网页嗨一下功能,首次启动请到插件设置界面填写歌曲url地址

②、后台新增邮件订阅设置,可自定义滚动条右侧的博客订阅按钮地址

③、后台新增留言地址设置,让对话框中显示留言板超链接

④、修复可能从cookie获取用户名乱码的问题

2014.11.23:Ver 1.22版本更新说明

①、后台设置新增主题对话框功能开关,至此该插件所有功能都能灵活组合了;

②、修复了几个不影响功能的小错误。

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

2014.11.22:Ver 1.21版本新增了后台设置功能:

插件激活后,点击[设置]按钮进入插件设置界面,插件默认设置如下:

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

很直白的设置说明,一看就懂,其中手动呼出对话框是指底部随机文章滚动条右侧的笑脸按钮,其他的就不多说了。下一版本将在设置项目里面新增是否开启欢迎对话框设置功能,让插件的功能更加灵活!

三、ZBlogPHP插件

暴博客看到这个js之后,兴致勃勃的写了一个ZBlogPHP版插件,使用ZBP建站的朋友可以前往下载安装。

ZBP插件官方地址:http://app.zblogcn.com/?id=587

四、附加说明

①、该对话框在浏览器关闭之前只会弹出一次,避免了重复弹出带来的负面影响,但是从搜索引擎再次打开的页面一定会显示对话框。

针对纯代码版(WordPress插件版已自带底部手动呼出功能):

②、如果想和张戈博客一样,在右下角增加一个手动呼出对话框的功能,你可以如下操作:

i. 张戈在写js的时候,已经预留了手动接口:

ii. 所以,只要在想要的位置新增一个a标签,可以是图片也可以是按钮,即可成功添加一个手动呼出对话框的功能:

比如图片按钮的代码如下:

文字的就不说了,这都搞不定,那还能说什么呢?

就写这么多,最后郑重声明一下,该插件及功能想法均属于张戈博客的原创作品,任何个人或团体不可擅自更改版权,否则必追究责任!

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:110   其中:访客  81   博主  29

  1. 疯子墨 1 来自天朝的朋友 谷歌浏览器 Windows 7 广东省中山市 电信

    好好,感谢博主

  2. 游戏社 1 来自天朝的朋友 谷歌浏览器 Windows 7 陕西省汉中市 电信

    张戈你这个插件真的是太好了,太实用了。我半夜起来 本来要用代码改,没想到有这个插件 真是太方便了。支持张戈。

  3. 天天套图吧 1 来自天朝的朋友 谷歌浏览器 Windows 7 广东省潮州市 联通

    是有用,比较适合企业类的博客,个人博客起到的也就是提示作用了。

  4. wsr.cn.com 1 来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 联通

    张哥,我的wordpress是最新版的,怎么安装启用了你的这个插件后,设置页是这样的,无法保存设置,保存时弹出错误!具体要怎么处理啊?
    主体对话框功能
    开启
    Notice: Undefined variable: hidden_dialog in /data/home/qxu1591230240/htdocs/wp-content/plugins/wp-dialog/wp-dialog.php on line 127
    /> 关闭
    让网站嗨一下

    开启
    Notice: Undefined variable: hidden_hi in /data/home/qxu1591230240/htdocs/wp-content/plugins/wp-dialog/wp-dialog.php on line 149
    /> 关闭
    好多选项的第二个是这样子的。
    保存时提示这样的:
    Notice: 自2.7版本起,已不建议给options.php传入一个参数!display_dialog设置未被注册。未注册的设置已被废弃,请参见https://codex.wordpress.org/Settings_API in /data/home/qxu1591230240/htdocs/wp-includes/functions.php on line 3842

    Notice: 自2.7版本起,已不建议给options.php传入一个参数!wp_dialog_bar设置未被注册。未注册的设置已被废弃,请参见https://codex.wordpress.org/Settings_API in /data/home/qxu1591230240/htdocs/wp-includes/functions.php on line 3842

    Notice: 自2.7版本起,已不建议给options.php传入一个参数!crazy设置未被注册。未注册的设置已被废弃,请参见https://codex.wordpress.org/Settings_API in /data/home/qxu1591230240/htdocs/wp-includes/functions.php on line 3842

    Notice: 自2.7版本起,已不建议给options.php传入一个参数!display_button设置未被注册。未注册的设置已被废弃,请参见https://codex.wordpress.org/Settings_API in /data/home/qxu1591230240/htdocs/wp-includes/functions.php on line 3842
    有好多行错误呢,具体咋办?谢谢了!

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Mac OS X 10_11_3 广东省佛山市 电信

      你这不是错误,是notice级别,关闭php报错信息即可。

      • wsr.cn.com 1 来自天朝的朋友 谷歌浏览器 Unknow Os 云南省昆明市 移动

        关键是设置好的选项无法保存,歌曲不会播放,弹窗要手动点击才会弹出来啊!页面元素也不会抖动跳舞!顺便我问下你的这个手机端自适应主题是什么插件搞的,太漂亮了,我也想弄个?还有你的logo上的自左至右的斜亮光晕效果是怎么弄的啊?

        • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Mac OS X 10_11_3 山西省太原市 电信

          在 wp-config.php中关闭php错误信息试下
          主题本身是自适应的,并没有额外的手机主题
          logo特效主题自带

          • wsr.cn.com 1 来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 联通

            我的网站用了插件版,怎么欢迎对话框不会自动弹出,还有就是音乐不会播放,我查看了一下网页源代码,怎么我的音乐链接代码都变成这样了,帮忙看看呗!
            alert(“复制成功!若要转载请务必保留原文链接,谢谢合作!”);
            }
            }
            document.body.oncopy=function(){warning();}

            var hicss=”http://js.wsr.cn.com/wp-content/plugins/wp-dialog/skins/hi.css”;
            var CrazyMusic=[“http:\/\/101.36.101.32\/AESd\/M1yHNup.NLOdCWtX4VUiNujHcom\/1.mp3\r”,”http:\/\/static.zgboke.com\/music\/jnStyle.mp3\r”,

            • wsr.cn.com 1 来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 联通

              最近忙吗?怎么不见回答呢?

  5. 广州律师 4 来自天朝的朋友 搜狗浏览器 Windows 10 广东省珠海市 联通

    装了起来了,是蛮有用的,还可以增加一些功能,我的订阅功能好像用不了,但是又关闭不了,

  6. 堆爱 3 来自天朝的朋友 QQ浏览器 Windows 10 福建省福州市 电信

    张哥,后台搜索的插件安装后不是新版本。

  7. 熊哥club 2 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

    张哥 用js部署方法 直接在footer添加js代码,发现无法引用?
    Failed to load resource: the server responded with a status of 403 (Forbidden)

  8. 网盘资源社区 2 来自天朝的朋友 谷歌浏览器 Windows 8.1 山东省济南市 联通

    确实不错,感谢分享

  9. 淘福利博客 0 来自天朝的朋友 搜狗浏览器 Windows 7 重庆市 移动

    问下张戈博主! 如果开启顶部状态了//add_filter(‘show_admin_bar’, ‘__return_false’); 手机版顶部会不显示!但是会占用一部分空白,请问是什么问题!

  10. 微商货源网 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省烟台市 电信

    感谢博主分享!

  11. 小龙 1 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省郴州市 移动

    添加音乐 然后前台点 整个页面无限抖动

  12. 东莞折扣网 4 来自天朝的朋友 火狐浏览器 Windows 7 广东省东莞市 电信

    添加音乐 然后前台点 整个页面无限抖动

  13. 七弦琴 3 来自天朝的朋友 谷歌浏览器 Windows 10 河南省郑州市 电信

    代码版失效,看了下网页源代码,您的域名还是static,现在已经换成了res博客联盟的地址,话说调用您这个js会不会很吃您的https的流量?要不要把这个js本地化一下?

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

      static这个应该还可以使用

  14. 郑智仁博客 2 来自天朝的朋友 谷歌浏览器 Windows 8 重庆市 电信

    感谢博主大神

加载中,请稍候...