访客Title: Wordpress 访客体验提升新方法

上次说了一个提高访客体验的方法(虽然我自己没有感觉)，这次我介绍一个更高级，发挥空间更广阔的(自诩)。

如果是老朋友，应该有注意到访问 Shawn Blog 时，浏览器的标题栏会显示你的名字。要实现这个功能，需要用到 PHP 和 Js，不过都很简单。

首先是 PHP 方面的代码：

<?php if($_COOKIE["comment_author_" . COOKIEHASH]!=""): ?>
<?php printf(__('Hi! %s. 欢迎回到 '), $_COOKIE["comment_author_" . COOKIEHASH]) ?>
<?php endif; ?>

以上函数的流程为：1. 获取用户的 Cookies。2. 当 comment_author_xxx(留言名字) 字段不为空时，取出内容。3. 定制问候语：Hi! xxx，欢迎回到。

把这句话写到页面的 <title> 标签里，需要用到下面的 JS 代码：

document.title = "个性化内容" + document.title

将二者结合起来：

<?php if($_COOKIE["comment_author_" . COOKIEHASH]!=""): ?>
<script type="text/javascript">
document.title = "<?php printf(__('%s, 欢迎回到 '), $_COOKIE["comment_author_" . COOKIEHASH]) ?>" + document.title
</script>
<?php endif; ?>

我们的目的就实现了。针对到个人的个性化 Title 能够带来亲切感，对访客来说会是很好的体验。该方法利用 JS 写入，不会影响 SEO，特此声明。

当然，也有人(Sein)觉得这种做法很山寨。其实不一定要完全照搬，动手能力强的同学可以把代码放在任何自己希望放置的位置，同样也能达到"提升访客体验"的目的。

Tag(s): ,
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
Shawn Published@21:46 / 2008-11-20 / Trackback / Skip
60 Comments Contributed by Visitors
  1. rebuttoniColor / 21:49@2008-11-20 1
    iColor

    哈哈哈哈哈哈,我刚发现了,还准备留言说呢

  2. rebuttonShawn / 21:50@2008-11-20 2
    Shawn

    @iColor: 太快了～！

  3. rebuttoniColor / 21:51@2008-11-20 3
    iColor

    我是说你还没发时我就发现的,,,

    还发现一个小问题,在多标签浏览器里,标签的标题会只显示前半部分,
    有的浏览器可以标签显示标题的长度会和标签数量有关,,
    但safari里是固定长度的,,这样如果打开多个标签,它显示的不是文章标题,而是"xxx,你正在阅读",这样有点不能更快的切换到相应页面

  4. rebuttonShawn / 21:54@2008-11-20 4
    Shawn

    @iColor: 这个很好解决。我一会儿有空就换。方法是 document.title = document.title + "个性化内容"，其实就是调整位置。

  5. rebuttonleehow / 21:59@2008-11-20 5
    leehow

    看吧，我是清白的，我们没有串通！

  6. rebuttonElton Disney / 22:00@2008-11-20 6
    Elton Disney

    怨念～～
    又没有抢到沙发～～
    话说这样的确比较山寨，因为看到很多山寨网站都是这么玩的～～

  7. rebuttonElton Disney / 22:02@2008-11-20 7
    Elton Disney

    @leehow: 
    难道说你跟@iColor: 还有Shawn同学三个人一起串通？
    你们太邪恶了，居然长期霸占沙发

  8. rebuttonShawn / 22:02@2008-11-20 8
    Shawn

    @Elton Disney: 我觉得挺好的呢，山寨的网站不能显示你的名字吧。。。

  9. rebuttonElton Disney / 22:06@2008-11-20 9
    Elton Disney

    @Shawn: 
    也对～～不过我不会被你的小把戏吸引过来给你增加流量的～～

  10. rebuttonShawn / 22:09@2008-11-20 10
    Shawn

    @Elton Disney: 不久没抢到沙发吗，下次我和你串通总行了吧！

  11. rebuttonJor / 22:11@2008-11-20 11
    Jor

    下午就看到了，正准备问影响SEO不，现在看完倒数第三行就放心了～

  12. rebuttonfqch / 22:11@2008-11-20 12
    fqch

    看到了~感觉还不错~~~ :cool:

  13. rebuttonSivan / 22:18@2008-11-20 13
    Sivan

    学习了，效果真棒 :lol:

  14. rebuttonfisio / 22:19@2008-11-20 14
    fisio

    然后发现，Google 收录的页面标题变成了

    hi Google spider, 欢迎回到 shawn blog

    哈哈 just kidding

  15. rebuttonShawn / 22:20@2008-11-20 15
    Shawn

    @Jor: 你说我会做影响 SEO 的事吗？？？！！
    @Sivan: 放在导航栏也不错的。

  16. rebuttonSivan / 22:21@2008-11-20 16
    Sivan

    @Shawn:  :wink: 先学会原始的，再活学活用嘛~嘿嘿。

  17. rebuttonShawn / 22:21@2008-11-20 17
    Shawn

    @fisio: 哈哈哈哈，我一开始想过有人会这么说的。。。

  18. rebuttonJor / 22:25@2008-11-20 18
    Jor

    @Shawn: 你至于这么激动么…… :???:

  19. rebuttoniColor / 22:33@2008-11-20 19
    iColor

    @Elton Disney: 没有这事啊,纯属运气,我对第一并不太向往

  20. rebuttonSivan / 22:34@2008-11-20 20
    Sivan

    主页的话还不一样呢，我也改成你这样的，HOHO :cool:

  21. rebuttonShawn / 22:38@2008-11-20 21
    Shawn

    @Sivan: 嗯，用了 if is_home 和 single 做了判断，很简单的。

  22. rebuttonSivan / 22:39@2008-11-20 22
    Sivan

    @Shawn: 嗯，明天加上，嘿嘿。

  23. rebutton任平生 / 22:56@2008-11-20 23
    任平生

    @fisio: 哈哈，欢迎 Google spider 到我们博客评论~~ :smile:

  24. rebutton大学生乱弹琴 / 23:12@2008-11-20 24
    大学生乱弹琴

    这个有意思~什么插件能实现记住来访者的功能啊？谢谢！

  25. rebuttonShawn / 23:14@2008-11-20 25
    Shawn

    @大学生乱弹琴: 不用插件就可以记住来访者，因为 Wordpress 有丢 Cookies 给访客，上面的代码就是用来把访客 Cookies 内容调出来的。

  26. rebutton大学生乱弹琴 / 23:16@2008-11-20 26
    大学生乱弹琴

    @Shawn: 回得这么快 :lol:

  27. rebuttonxiaorsz / 23:30@2008-11-20 27
    xiaorsz

    @大学生乱弹琴: 他一向很快的！！哈哈！

  28. rebuttonk2max / 23:31@2008-11-20 28
    k2max

    应该会令人感到亲切 ..
    但我没体验过，我让 FF 退出时自动清除 Cookies ..

  29. rebuttonk2max / 23:36@2008-11-20 29
    k2max

    看到了，真亲切 ..

  30. rebuttonShawn / 23:38@2008-11-20 30
    Shawn

    @k2max: 为什么要退出清空 Cookies 呢？很多东西会不方便的。

  31. rebutton菠菜 / 23:39@2008-11-20 31
    菠菜

    确实，Title对于访客的引导性非常的强，学习了。今后我也会更注重这些细节。

  32. rebutton老时 / 23:47@2008-11-20 32
    老时

    为什么我没看到呢。怎么回事。

  33. rebuttonShawn / 23:48@2008-11-20 33
    Shawn

    @老时: 你是不是禁用了 cookies 或者清空了 Cookies？清空的话你发完上条留言就能看到了。

  34. rebuttonTracy / 0:41@2008-11-21 34
    Tracy

    这个很酷

  35. rebuttonsein / 0:42@2008-11-21 35
    sein

    @leehow: 哈哈哈哈哈

  36. rebutton火星基地 / 4:20@2008-11-21 36
    火星基地

    确实能够提升访问体验, 不过我就不用了,js搞不好会影响页面载入速度. :wink:

  37. rebutton老时 / 8:51@2008-11-21 37
    老时

    @Shawn: 哦，看到了。

  38. rebuttonleehow / 11:14@2008-11-21 38
    leehow

    @sein: 表弟好。你始终不相信一个秘密。

  39. rebuttonsein / 11:21@2008-11-21 39
    sein

    第一个图里的 GR 未读是 911，故意的吗 :shock:

    @leehow: 呃，表姐。。。

  40. rebuttonjianqun / 14:40@2008-11-21 40
    jianqun

    挺酷的嘛！

  41. rebuttonShawn / 15:08@2008-11-21 41
    Shawn

    @火星基地: 这里 js 只是配角，完全不会影响载入速度。

  42. rebutton小墨 / 15:38@2008-11-21 42
    小墨

    早发现了~呵呵
    很有意思的代码
    真的感觉要亲切的多~

  43. rebuttonk2max / 16:43@2008-11-21 43
    k2max

    @Shawn: 
    个人习惯，不清除它我会不爽 ..

  44. rebuttonaunsen / 17:58@2008-11-21 44
    aunsen

    嘿~看来又学到一招，留言备用~ :shock:

  45. rebuttonJiang / 20:12@2008-11-21 45
    Jiang

    刚才一上来，吓我一跳，title上有我的名字 :smile:

  46. rebuttonneekey / 8:21@2008-11-22 46
    neekey

    有创意，顶一个 :)

  47. rebuttonLOKE / 21:17@2008-11-22 47
    LOKE

    囧，今天才发现 :sad:
    大大，你用什么阅读器？怎么我用鲜果到现在才更新 :?:

  48. rebuttonShawn / 21:18@2008-11-22 48
    Shawn

    @LOKE: 我用 Google Reader，鲜果这段时间的更新都很慢，尤其是使用国外空间的 Blog，更新都不行。

  49. rebuttonLOKE / 21:33@2008-11-22 49
    LOKE

    @Shawn: 三克油 :razz:

  50. rebuttonㄤ男 / 10:33@2008-11-25 50
    ㄤ男

    吼吼，這招實在把訪客們伺侯得太舒坦啦~~~ :grin:

  51. rebuttonTina / 0:27@2008-11-26 51
    Tina

    咳...这个小把戏没有你这块FF的皮来的对我有吸引力...
    说~~~这块皮姓啥名啥~~~

  52. rebuttonTina / 0:28@2008-11-26 52
    Tina

    为嘛你跟@leehow 的留言系统体验都那么好玩... 再来一脚...

  53. rebuttonShawn / 0:29@2008-11-26 53
    Shawn

    @Tina: 这块皮名字叫 xLines

  54. rebuttonTina / 0:36@2008-11-26 54
    Tina

    @Shawn: 搜不到捏... are u kidding me...

  55. rebuttonShawn / 0:39@2008-11-26 55
    Shawn

    @Tina: 没有啊，只是我没有放出下载嘛，自定义的地方针对性的东西太多了。

  56. rebuttonchommy / 18:54@2008-11-26 56
    chommy

    在这里发现好多有用的东东，继续挖掘， :grin:

  57. rebuttonLuDoDo / 23:20@2008-11-27 57
    LuDoDo

    @chommy: 一样的发现。

  58. rebuttonShawn / 21:25@2008-11-28 58
    Shawn

    @LuDoDo: 刚发现你的评论被 AK 拦截了。建议以后评论时不要留 QQ 邮箱。AK 对 QQ 邮箱似乎有些敌意。

  59. rebuttonmr wu / 19:18@2008-11-30 59
    mr wu

    There is time to take a look at my new theme :idea:

  60. rebutton沿阶草 / 21:14@2008-12-14 60
    沿阶草

    不知道为什么我的博客这个功能无效，在IE下可以。FF和chrome失效。
    难道我的评论 (comments.php)不正常？希望你能帮助我。

  61. rebutton沿阶草 / 21:18@2008-12-14 61
    沿阶草

    查处原因是FF和chrome浏览时，表单不保存上次的输入信息。很奇怪怎么设置回归正常呢？

  62. rebuttonShawn / 21:25@2008-12-14 62
    Shawn

    @沿阶草: 你是不是关闭了这两个浏览器对 Cookies 的记录？这个功能是需要 cookies 支持的。

  63. rebuttonscavin / 10:55@2008-12-19 63
    scavin

    有一个问题，如果是放在标题前面，而同时又打开了许多标签页，就会出现无法看到标题正题目的情况。比如我同时打开了你的15个页面（没错，我数了），所以的标签名都是 [scavin,你] 后面没了。。。
    所以还是放到后面更好一些。顺便，评论隐藏框没有搞定。。。

  64. rebuttonShawn / 13:09@2008-12-19 64
    Shawn

    @scavin: 你还真较真，sein 说我这招完全是山寨作风。。。可以放后面嘛，我只是想着放后面意义不太大。

  65. rebuttonscavin / 17:00@2008-12-19 65
    scavin

    @Shawn: 今年流行山寨

  66. rebuttonHumphrey / 22:22@2008-12-19 66
    Humphrey

    你的博客里面跟读者的互动交流做的很好，一直都很欣赏这些细节，用起来舒服！支持你！而且你永远都是那么热心解答问题！

  67. rebuttonShawn / 22:25@2008-12-19 67
    Shawn

    @Humphrey: 谢谢 :oops:

  68. rebuttonYIMO / 21:57@2008-12-22 68
    YIMO

    话说当初我也有此想法……支持一下！！ :smile:

  69. rebuttonnooidea / 20:10@2008-12-23 69
    nooidea

    我加入我的page.php里 中了 怎么没有效果呢？

    另外在ff下我自从弄了那个 留言区欢迎回来后 侧栏掉下去了

    会不会是加的那个搞的鬼？

  70. rebuttonShawn / 20:22@2008-12-23 70
    Shawn

    @nooidea: 加 footer 里就有效果了。然后你要不登录留言一次。

    欢迎回来你要学会和自己的模板结合，我使用默认模板做的解释。

  71. rebuttonㄤ男 / 16:27@2008-12-29 71
    ㄤ男

    終於搞掂了！
    好變態，原來代碼裏那個“COOKIE”跟“COOKIEHASH”要大寫！ :twisted:

  72. rebutton老石 / 21:48@2009-04-22 72
    老石

    如何记住来访者信息呢？
    其实你这个创意很好啊。值得尝试。

  73. rebutton随影 / 21:56@2009-05-26 73
    随影

    呵呵 有点意思 留言板 也很好玩哦 ！！

  74. rebutton随影 / 22:18@2009-05-26 74
    随影

    脚本生成的是死的，如果采用supercache 缓存，那页面保存后！！ 问题就出现了，能不能不用php代码而用js就获取到昵称呢?自己也在查找相关资料啊 ！！

  75. rebutton随影 / 9:45@2009-05-27 75
    随影

    啊 问题 已经解决了 supercache 不是真正的静态时种伪静态啊！！ :cry: 打扰了哈 ！！！

  76. rebutton林木木 / 19:05@2009-07-09 76
    林木木

    这个好诶！

  77. rebuttonlp452 / 11:34@2010-02-15 77
    lp452

    已经用上了，非常感谢！

  78. rebutton科士威 / 14:20@2010-03-11 78
    科士威

    用上了 很不错~

  79. rebuttontimmy / 20:57@2010-05-04 79
    timmy

    还可以加上页面判断，在不同类型页面上显示不同的问候提示

Leave Comments Here...

必填

必填&保密

随您

支持Ctrl+Enter快捷提交

  • 已部署"白忙活" Anti-Spam 系统，猪肉 Spammer 请注意查看源代码链接处。
  • 本站不会泄露您的邮件地址，敬请放心。
  • 支持常用 HTML 代码调用，插入 PHP 代码需注意：< = &lt;，> = &gt; 。
  • 仅当某人针对您的评论做出回应时，您才会收到由本站发出的通知信件。
  • 如您希望以相同方式通知某位网友，请点击 Reply 按钮，或自行输入 @对方名字:。
  • 鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。
1 Trackbacks/Pingbacks
  • 继续优化主题细节及添加SEO代码 - 木木木木木 (Pingback, 2009-07-09)
    [...] 4.在footer.php添加了号称能“提高访客浏览器title的用户体验”，功能是只要你有在我这里发过评论且没清除cookies，那访问本站页面时就会在浏览器标题前面加上“欢迎XX，你正在阅读:”的字样，代码来至Shawn，但是他的首页和文章显示的是不一样的，一定是留了一手； [...]

Shawn Blog

Shawn的个人博客(Blog)，分享Wordpress技巧和Firefox浏览器心得，关注Web 2.0应用发展，记录对虚拟主机的使用评价。