想為 blog 加上 Google Friend Connect 的 social bar, 結果照著前人的筆記一直沒法正常顯示, Google 老半天終於找到解法, 筆記之. 原來是 prototype.js 搞的鬼, 不確定是不是新版 WordPress 才這樣..
在產生的 code 前面加上這段代碼即可
<script>
window.JSON = {
parse: function(st){
return st.evalJSON();
},
stringify: function(obj){
return Object.toJSON(obj);
}
};
</script>
Ref: Google friend connect social bar is blank in Chrome and Safari
This content is published under the Attribution-Noncommercial-Share Alike 3.0 Unported license.
Tags: friend connect, google, prototype.js, social bar
太感谢博主了，我找了半天这个小工具的解决方案终于寻到！留个名，再次感谢！
[...] 最近一直在折腾博客的代码和插件，将整个博客进行了一番美化，插入了一个WP-Cumulus的3D标签云插件和一个天气预报插件。此外还在Google Friend Connect获得了一个代码想要添加在博客上。 独立博客本身自由度比较大，可以自己随意修改，而且使用的国外的空间避免了备案和审查的麻烦，不过独立博客始终有一大软肋就是互动性差。对于那些博客运营商提供的博客，比如新浪、腾讯等，因为有很多人都在同时使用，会形成一个比较庞大的社会系统，因此博客的互动性和强。你可以在你的博客里看到是什么人访问了你的博客（当然前提是他是登陆访问的），以及这些访客有哪些好友、他们还访问过哪些博客等，这样一来每一个博客就都不再是孤立的了，博客与博客之间形成了一个庞大的社会系统（即SNS，social network system），访问博客的朋友间也可以通过这个SNS系统相互交流，增强了博客的互动性。 然而独立博客在这一方面就显得十分不足了。虽然独立博客有着自由度高、不受审查等诸多优点，但其本身是独立的，一个域名之下通常只有某一个博客本身，即使是多人共建的博客也只局限于写手几个人的小圈子交流，相对显得就比较清冷了。不过Google Friend Connect（以下简称GFC）这个小工具就可以解决这个问题。它可以通过谷歌帐号把每一个独立博客联系起来，假如每一个独立博客都安装了这个小工具，而每一位访客在访问某个网站的时候都通过自己的google帐号在这个站留下足迹，那么这样一来就可以通过谷歌把所有独立博客串联起来，也成为一个特殊的SNS，成为了独立博客增强互动性的一个不错的解决方案。 不过这个小工具却有一个严重的BUG，就是无法在wordpress2.9.2中显示。我不太清楚在其他版本的wordpress中能否显示正常，但是在2.9.2中确实是无法显示的。我在谷歌中查询了一下，某博主说这是因为这个小工具加载它的javascript代码是在整个wordpress页面onload完成之前的，换句话说这个小工具在整个wordpress页面固定下来之前就已经完成加载了。而我们知道wordpress中在sidebar中的小工具（正体中文版中叫做“模组”）就是一个又一个的独立框架，这些独立框架把小工具“圈”起来在固定的位置显示，而如果GFC的代码过早加载，小工具（模组）的框架还没有onload完成，GFC却已经夹在完成固定住，那么这个GFC小工具自然无法显示。而且我在之前测试时也确实发现这个问题，GFC在页面加载时会闪现一次纯白背景，之后变成透明，这也证明代码并非完全没有加载。但是那篇文章的作者并没有给出一个比较好的解决方案，虽然在他的wordpress站里可以看到GFC的小工具。 后来我再次谷歌，终于在一个叫做“二三街角”的网站找到了一个解决方案。这个站非常简洁用的还是wordpress的原始主题，不过我相信博主绝对是技术高手，让我这个非专业人士佩服有加。它提供了如下代码，将其放在GFC提供的代码前面就可以了，我尝试一下果真如此，通过IE、Chrome、Firefox、Oprea、Safari等多个主流浏览器测试过均显示正常，大功告成！在此再次感谢“二三街角”的博主。 另，谷歌GFC小工具的申请链接：http://www.google.com/friendconnect。不过这个网站访问不是很稳定，貌似被GFW防火墙给墙了，但有的时候却可以访问，估计是DNS干扰，通过自由门、无界等主流翻墙软件浏览均可正常访问。在那里登陆你的谷歌帐号（gmail帐号即可）添加你的网站，然后点击获得小工具即可。 下面是“二三街角”博主提供的那段解决代码，将其放到你在谷歌获得的代码之前即可实现正常加载GFC小工具，不过代码我没有太看懂，呵呵。 1 2 3 4 5 6 7 8 9 10 <script> window.JSON = { parse: function(st){ return st.evalJSON(); }, stringify: function(obj){ return Object.toJSON(obj); } }; </script> [...]