<<返回上一页社交部件 > 赞部件

赞部件简介

用户可以点击赞按钮,表达对你网站内容的喜欢;还可以将赞的内容通过动态发布到开心网,让更多人了解你的网站;如果赞的内容有对应的公共主页,还可以加为该公共主页的粉丝。通过赞部件你可以:

轻松表达喜欢

用户通过点击赞按钮,就可以轻松地表达对你网站内容的喜欢

内容广泛传播

用户所赞内容同步到开心网,在好友之间传播开来

提高网站流量

好友之间的口碑传播可以让你的网站获得持续关注,提高访问量

获取代码

1. 选择你喜欢的样式

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标签用法参照上例

典型案例

点击上图中的“赞按钮”(红色框中的部分),即可表达对网站内容的喜欢。