<<返回上一页社交部件 > 赞部件
赞部件简介
用户可以点击赞按钮，表达对你网站内容的喜欢；还可以将赞的内容通过动态发布到开心网，让更多人了解你的网站；如果赞的内容有对应的公共主页，还可以加为该公共主页的粉丝。通过赞部件你可以：
轻松表达喜欢
用户通过点击赞按钮，就可以轻松地表达对你网站内容的喜欢
内容广泛传播
用户所赞内容同步到开心网，在好友之间传播开来
提高网站流量
好友之间的口碑传播可以让你的网站获得持续关注，提高访问量
获取代码
1. 选择你喜欢的样式
- 链接设置：
- 头像：
- Iframe尺寸：
- 宽度：像素宽度过小可能导致无法完整显示
2. 复制以下代码到你的网站
开发说明
Open Graph标签
标签 |
说明 |
|---|---|
| og:title | 标题，代表页面内容的标题 |
| og:type | 类型，页面内容所属类型。目前开心赞部件支持的类型见后面说明 |
| og:image | 图片，代表页面内容的图片；图片尺寸最好为70*70像素，否则会被调整为70*70像素 |
| og:url | 链接，页面的链接 |
| og:description | 描述，页面内容的简单描述。不要超过70个汉字长度，否则会被截断 |
| og:site_name | 网站名称，页面所在网站的名称 |
| og:starid | 对应的名人机构UID；如果设置了此标签，用户点击赞后会提示用户是否加为该名人/机构的粉丝 |
注意：开心赞部件支持的类型(og:type)：restaurant, bar, ktv, cafe, hotel, company, star, album, song, book, movie, product, game, food, article, blog, website, other
更多Open Graph标签说明，请参考：http://ogp.me/
动态内容与标签的对应关系
HTML实例
<html xmlns:og="http://ogp.me/ns#"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Like部件demo</title> <meta property="og:title" content="开放平台" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.kaixin001.com/platform" /> <meta property="og:image" content="http://img.kaixin001.com.cn/i3/platform/platform_logo.jpg" /> <meta property="og:site_name" content="开心网" /> <meta property="og:description" content="开心网开放平台为第三方开发者提供了丰富的API和小部件，供第三方开发者在开心网开发应用，或增加网站的社交功能，提高网站用户的活跃度。" /> <meta property="og:starid" content="100038315" /> </head> <body> 页面其它代码 </body> </html>
注意：
标签必需设置xmlns:og=“http://ogp.me/ns#“，声明使用Open Graph；
Open Graph标签用法参照上例
典型案例
点击上图中的“赞按钮”(红色框中的部分)，即可表达对网站内容的喜欢。