目录 |
[编辑] 了解人人喜欢
[编辑] 什么是人人喜欢
“人人喜欢”是人人网开放平台提供给第三方的一个小部件。它不仅可以被放置在网页上，也可以使用在移动端的应用中，让用户表达“喜欢”之情，从而利用人人网庞大的社交体系迅速推广，提升访问量和使用量。
[编辑] 人人喜欢的产品特点
[编辑] 使用人人喜欢有什么好处
点击人人喜欢按钮
用户点击人人喜欢按钮，人人喜欢的计数功能会自动累计喜欢人数。头像版的人人喜欢(暂不支持移动端)，会自动显示用户的头像。
为您带来的好处：
- 用户分析。您可以直观的看到“喜欢”的人数，了解用户对不同内容的喜欢程度，从而帮助您甄选网站内容。也可以去数据中心申请获取更多数据，精确的掌握用户的喜好，优化网站。
- 增加网站社交性。头像版的人人喜欢，可以让喜欢的用户之间产生互动，增加网站社交性，吸引更多的用户加入喜欢的行列。
触发新鲜事
用户点击按钮后，立即会触发一条新鲜事，发布在人人网上。无论是网页还是移动端应用中的人人喜欢按钮触发的新鲜事形式相同。
默认情况下的新鲜事样式：
进行配置后的新鲜事样式:
为您带来的好处：
- 提升流量。用户点击您的网站或应用名称，页面会立即跳转至您的网站或应用介绍页。为您迅速增加访问流量和使用量。
- 病毒式传播。您的网站或应用会在用户好友的不断分享中，像病毒一样迅速传播开来。
- 引发讨论。用户及好友可以对网站中的内容或应用进行评论，引发更多讨论。
- 品牌宣传。您的网站或应用的相关图片会出现在用户及好友的新鲜事中，让众多的用户发现您的网站、使用您的应用。
[编辑] 人人喜欢的应用场景
[编辑] 网页中的应用场景
我们为您提供两个版本的人人喜欢按钮，方便您根据自己网站的风格，用途，布局等因素随意安排。
| 简单版 | 定制版 |
 |  |
使用场景示例：
示例一：资讯类网站，门户网站等。
采用简单版人人喜欢，让用户对网站表示喜欢，宣传网站的同时直接获得喜欢整个网站统计数据。
让用户对具体的内容表示喜欢，将网站的内容分享到人人网。
示例二：论坛，主题帖吧等。
采用人人喜欢定制版，你可以随意的依据您的网站布局，设置显示图像的个数（最多显示60个）以及行数。让讨论更真实，更广泛。
[编辑] 移动端应用中的应用场景
移动端的人人喜欢按钮：
建议使用场景1：使用类应用。如游戏，美图等应用。
示例：游戏类应用。
添加“人人喜欢”按钮到应用登录页，让用户在体验游戏的同时表达“喜欢”。利用人人网社交平台，迅速的传播，吸引海量用户下载，使用您的应用。
建议使用场景2：信息类应用。如视频，生活信息类应用。
示例：生活信息类应用。
添加“人人喜欢”按钮到应用的具体内容中，通过同步到人人的新鲜事，传播应用中的内容吸引用户，提升使用量。
[编辑] 如何添加人人喜欢
[编辑] 如何在网站添加人人喜欢按钮
在您的网页上添加人人喜欢按钮，操作非常简单。只需要您直接复制产品介绍页面中提供的代码到相应位置的<body></body>之间即可。而如果您需要让触发的新鲜事中显示您指定的内容，只需要将代码中的文字部分按要求替换。
注意删除下面代码中的回车换行，否则js不能执行。
<tr> <td style="border: 1px solid rgb(210, 235, 238); background-color: rgb(240, 245, 248); font-family: Monaco,monospace;
line-height: 1.3em;white-space: pre; "> <body> ... <script type="text/javascript" charset="utf-8"> (function(){ var p = [], w=130, h=24, lk = { url:''||location.href, /*喜欢的URL(不含如分页等无关参数)*/ title:''||document.title, /*喜欢标题(可选)*/ description:'', /*喜欢简介(可选)*/ image:'' /*喜欢相关图片的路径(可选)*/ }; for(var i in lk){ p.push(i + '=' + encodeURIComponent(lk[i]||'')); } document.write('<iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://www.connect.renren.com/like/v2?'+p.join('&')+'" style= "width:'+w+'px;height:'+h+'px;"></iframe>'); })(); </script> ... </body> </html> </td> </tr> </table>
[编辑] 如何在移动端的应用中添加人人喜欢
目前移动端的“人人喜欢”按钮支持iOS、Android两个系统。
[编辑] 如何在基于iOS的应用中添加人人喜欢按钮
[编辑] 第一步：下载“人人喜欢”控件压缩包
压缩包中文件有三部分，分别是控件的头文件RenrenLikeButton.h，控件的静态库文件libLikeButtonCompenet.a，人人喜欢控件的图片资源束LikeButtonSource.bundle。
点击下载：
iOSLikeButtonCompenet.zip 或 iOSLikeButtonCompenet.tar.gz
另外，我们还为您提供了添加“人人喜欢”按钮的Demo，您可以下载查看效果。
点击下载：
iOS人人喜欢Demo.zip 或 iOS人人喜欢Demo.tar.gz
[编辑] 第二步：环境配置
- 打开XCODE，将压缩包解压后的资源束文件LikeButtonSource.bundle、RenrenLikeButton.h添加到您的工程中。
- 将静态库文件libLikeButtonCompenet.a添加到链接库中。
选中工程后，如下图标注的步骤进行操作，选择Build Phases，点击“+”，在弹窗中点击“Add Other”找到
libLikeButtonCompenet.a文件，点击“Add”实现添加。
- 在View或者ViewController开头的文件中，引入RenrenLikeButton.h头文件。
#import"RenrenLikeButton.h"
[编辑] 第三步：样式选择，获取代码
请您在产品介绍页面，按照提示选择适合您应用使用的“人人喜欢”按钮样式，获取代码。
- 选择是否显示计数器。下图按照点击前--点击后--撤销喜欢的顺序展示按钮形态。
显示计数器： 
不显示计数器： 
- 选择按钮尺寸大小。
- 填写URL。
用户点击人人喜欢按钮后，触发的新鲜事中会显示您提供URL页面的title，site_name，description及image。用户点击site_name，
页面会立即跳转至您提供的页面。建议您提供能够体现应用的特点，能够吸引用户的页面URL。
- 无论您的应用是否有自己的Web Server，我们都为您提供了解决方案。
应用有自己的Web Server，此步就可以直接获取代码。
应用没有自己的Web Server,请您务必填写Title，Description及Image URL三项信息。否则，无法获取代码。
[编辑] 第四步：添加代码，测试上线
- 复制您在产品介绍页面选择产品形态后相对应的代码，添加到View文件或者ViewController文件的初始化函数中。
- 最后，您需要测试一下“人人喜欢”按钮是否能够正常使用。
[编辑] 如何在基于Android的应用中添加人人喜欢按钮
[编辑] 第一步：下载“人人喜欢”控件压缩包
点击下载： AndroidLikeButton.jar
[编辑] 第二步：环境配置
- 打开Eclipse，将jar包添加到您的工程的Lib中。如下图所示步骤进行操作。
点击Java Build Path，在右侧选择Libraries标签，点击“Add External JARs”按钮，添加您下载的“人人喜欢”控件包。就“OK”了。
- 在您的Activity文件的开头引入声明。
import com.renren.api.connect.android.likeButton.RRLikeButton;
[编辑] 第三步：样式选择，获取代码
请您在产品介绍页面，按照提示选择适合您应用使用的“人人喜欢”按钮样式，获取代码。
- 选择是否显示计数器。下图按照点击前--点击后--撤销喜欢的顺序展示按钮形态。
显示计数器：
不显示计数器：
- 选择按钮尺寸大小。
- 填写URL。
用户点击人人喜欢按钮后，触发的新鲜事中会显示您提供URL页面的title，site_name，description及image。用户点击site_name，
页面会立即跳转至您提供的页面。建议您提供能够体现应用的特点，能够吸引用户的页面URL。
- 无论您的应用是否有自己的Web Server，我们都为您提供了解决方案。
应用有自己的Web Server，此步就可以直接获取代码。
应用没有自己的Web Server,请您务必填写Title，Description及Image URL三项信息。否则，无法获取代码。
[编辑] 第四步：添加代码，测试上线
- 复制您在产品介绍页面选择产品形态后相对应的代码，添加Activity的onCreate方法中，并将生成的LikeButton加入layout中。
- 最后，您需要测试一下“人人喜欢”按钮是否能够正常使用。
-->注：详细的技术问题,请查看Android人人喜欢使用教程。
[编辑] 如何对移动端人人喜欢进行高级配置
如果您希望在同步到人人网用户及好友的新鲜事中显示您指定的内容，则需要您使用Open Graph协议。在您所提供的URL页面的<head>中嵌入一些<meta>标签。（不进行高级配置时，我们会自动抓取此页面中默认的title，image，description和site_name）
另外，对于没有自主服务器的应用来说，我们在产品介绍页面中已经要求您提供URL、title、及site_name,无需再操作此步。
以上图为例，如果您指定人人喜欢按钮抓取的网站名称是“音悦台”；喜欢内容的标题是“公主病 完整版”；图片显示MV的海报；描述部分是MV简介，那么只需要进行以下操作即可：
</head> <body> ... <title>公主病 完整版 - 周杰伦</title> <meta property="og:title" content="公主病 完整版 - 周杰伦" /> <meta property="og:type" content="video" /> <meta property="og:url" content="http://www.yinyuetai.com/video/333825" /> <meta property="og:image" content="http://www.yinyuetai.com/video/333825" /> <meta property="og:site_name" content="音悦台" /> <meta property="og:description" content="周杰伦2011新专辑最新主打《公主病》完整版MV出炉！周杰伦作词作曲，轻快的摇滚 曲风是阳光宅男的姐妹作，整首歌充满甜滋滋的爱情滋味.MV拍摄导演是珍妮花 " /> ... </body> </html>
注意事项：因为平台会对Open Graph息进行检测，需要开发者的web服务可以通过外网进行正常访问，否则会出现like不成功，like 新鲜事发不出来的情况,建议开发者可以先搞一个test页面放到外网服务器上进行测试。
[编辑] 如何和公共主页建立关联
[编辑] 如何让用户在喜欢的同时成为公共主页的粉丝
在页面上添加xn:page_id的meta标签后（允许指定多个page ID），用xn:page_id指定的第一个page id的公共主页的管理员帐号登录该页面后，在页面中会看到“管理”链接，点击进入管理页面，允许第一个选项后，则用户点击了此页面上的喜欢按钮也会成为指定公共主页的粉丝，如果允许了第二个选项则用户点击同域名下的页面上的喜欢按钮也会同时成为指定公共主页的粉丝。管理页面如下图：
[编辑] 如何让网站上的喜欢内容出现在公共主页上
如果你的网站在人人拥有公共主页，并且你想让网站上最被用户喜欢的内容出现在公共主页上，你可以这样做：
1.在页面上添加<meta property="xn:page_id" content="699029706" />, content属性值添写相应公共主页的page id，表示此页面上定义的喜欢内容页面作者允许其出现在指定的公共主页上。
2.点击此页面上的喜欢按钮，如果你是上面填写的公共主页的管理员，你会在喜欢按钮旁边看到一个“管理”链接，点击后出现一个新的弹出窗口
第一个选项表示允许当前页面上的喜欢内容出现在我管理的公共主页上，第二个选项则是一个批量的操作，选上它可以一次性允许所有来自某个域名下的喜欢内容都可出现在公共主面上，这样公共主页管理员就不用到每个页面上去单独允许了。
如果只选择了第二项或两项都选择，当前的喜欢内容及所有同域名下的喜欢内容都可能出现在公共主页上，但第二个选项的批量允许并不能完全覆盖第一个选项，当撤销第二项后，对于同域名下已经允许了第一个选项的喜欢内容并不会同时撤销，它们需要单独去做撤销操作。
为什么我添加了xn:page_id的meta标签却看不到“管理”链接？
如果你是相关公共主页的管理员，那有可能是此xn:page_id刚被添加，人人这边的系统还没更新，请等待一段时间。对喜欢内容的页面作者来说如果你更改了定义喜欢事物的meta标签，则此更改并不会立即反应在用户喜欢后所发出的新鲜事中。
[编辑] 如何让人人喜欢按钮指向一个现有的公共主页
如果url参数指向一个人人网公共主页的地址，则用户点击人人喜欢按钮后会成为这个公共主页的粉丝（即喜欢的是这个公共主页），按钮上的数也是此主页的粉丝数。
要求url为下面三种形式之一：
- page id形式：http://page.renren.com/699029706
- app id形式：http://page.renren.com/application/29706
- page 别名形式：http://page.renren.com/tudouapp
建议采用page id形式。
代码样例：
|
<iframe src="http://www.connect.renren.com/like?url=http%3A%2F%2Fpage.renren.com%2F699029706" style= "width:435px;height:190px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe> |
[编辑] 如何为人人喜欢按钮申请一个新的公共主页
在第三方网站的适当页面上添加人人喜欢按钮，可以使得第三方网站、第三方网站上的一个子频道（子站）、甚至是第三方网站上的一个关注度比较高的页面成为人人网的一个公共主页。
这个公共主页可以向人人网免费申请。
现在你可以发邮件给 xin.jia#renren-inc.com、yupeng.li#renren-inc.com 发邮件时请写明网站地址和相关资质证明。（将#替换成@）