(未显示1个用户的12个中间版本) | |||
第10行: | 第10行: | ||
==移动应用== | ==移动应用== | ||
− | <div class="wiki_txtA"> | + | <div class="wiki_txtA">原生分享,在你的应用中唤起微博官方客户端,实现分享到微博的功能。</div> |
'''示例''' | '''示例''' | ||
第42行: | 第42行: | ||
<li style="font-size:14px;">[[移动客户端接入#SDK接入流程|SDK接入流程]]</li> | <li style="font-size:14px;">[[移动客户端接入#SDK接入流程|SDK接入流程]]</li> | ||
<li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_ios_sdk iOS SDK下载]</li> | <li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_ios_sdk iOS SDK下载]</li> | ||
− | <li style="font-size:14px;">[https:// | + | <li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_ios_sdk 详细技术文档]</li> |
</ul> | </ul> | ||
</div> | </div> | ||
第71行: | 第71行: | ||
<ul class="clearfix"> | <ul class="clearfix"> | ||
<li style="font-size:14px;">[[移动客户端接入#SDK接入流程|SDK接入流程]]</li> | <li style="font-size:14px;">[[移动客户端接入#SDK接入流程|SDK接入流程]]</li> | ||
− | <li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_android_sdk Android SDK下载]</li> | + | <li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_android_sdk/tree/master/2019SDK Android SDK下载]</li> |
− | <li style="font-size:14px;">[https:// | + | <li style="font-size:14px;">[https://github.com/sinaweibosdk/weibo_android_sdk/tree/master/2019SDK/%E6%96%87%E6%A1%A3 详细技术文档]</li> |
</ul> | </ul> | ||
</div> | </div> | ||
− | + | 新版移动SDK的分享功能。 | |
==Web网站== | ==Web网站== | ||
− | <div class="wiki_txtA"> | + | <div class="wiki_txtA">在你的网站中,快速嵌入分享到微博等社会化组件。</div> |
<div class="wiki_title_withline">分享组件</div> | <div class="wiki_title_withline">分享组件</div> | ||
第93行: | 第93行: | ||
{{Img_polaroid|src=http://img.t.sinajs.cn/t4/appstyle/open/images/website/pic_sharebtn.jpg}} | {{Img_polaroid|src=http://img.t.sinajs.cn/t4/appstyle/open/images/website/pic_sharebtn.jpg}} | ||
− | ''' | + | |
+ | '''在HEAD头中引入JS SDK文件''' | ||
+ | |||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
<pre class="brush:html"> | <pre class="brush:html"> | ||
− | < | + | <head> |
+ | <script src="https://open.weibo.com/views/js/wbsdk.js" type="text/javascript" charset="utf-8"></script> | ||
+ | </head> | ||
</pre> | </pre> | ||
− | ''' | + | |
+ | '''初始化JS SDK''' | ||
+ | |||
+ | |||
+ | <div class="code_type">Javascript</div> | ||
+ | <pre class="brush:js"> | ||
+ | wb.init({ | ||
+ | appkey: '' | ||
+ | }); | ||
+ | </pre> | ||
+ | |||
+ | |||
+ | '''在需要部署分享组件的位置分享开放标签''' | ||
+ | |||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
<pre class="brush:html"> | <pre class="brush:html"> | ||
− | < | + | <wb-share-button>分享到微博</wb-share-button> |
− | < | + | |
− | + | ||
</pre> | </pre> | ||
− | + | <div style="margin:15px 0;">开放标签中的样式,完全由开发者自己控制,例如。</div> | |
+ | |||
+ | <div class="code_type">HTML</div> | ||
+ | <pre class="brush:html"> | ||
+ | <wb-share-button><div class="myStyle">分享到微博</div></wb-share-button> | ||
+ | </pre> | ||
+ | |||
+ | <div style="margin:15px 0;">指定分享的内容和页面地址,可以通过 data:title,data:url 属性标签完成自定义,例如。</div> | ||
+ | |||
+ | <div class="code_type">HTML</div> | ||
+ | <pre class="brush:html"> | ||
+ | <wb-share-button data:title="title" data:url="url">分享到微博</wb-share-button> | ||
+ | </pre> | ||
+ | |||
+ | <div style="margin:15px 0;">如果需要在分享的时候,指定一张分享图片,可以通过 data:pic 属性标签指定图片的地址,例如。</div> | ||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
<pre class="brush:html"> | <pre class="brush:html"> | ||
− | <wb | + | <wb-share-button data:pic="https://wx2.sinaimg.cn/large/53b515f0ly1glgemvpjwfj20gi0aw114.jpg">分享到微博</wb-share-button> |
</pre> | </pre> | ||
<div class="wiki_taglist"> | <div class="wiki_taglist"> | ||
<ul class="clearfix"> | <ul class="clearfix"> | ||
− | <li style="font-size:14px;">[ | + | <li style="font-size:14px;">[https://open.weibo.com/wiki/sdk/javascript JS SDK详细说明]</li> |
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
第132行: | 第160行: | ||
{{Img_polaroid|src=http://img.t.sinajs.cn/t4/appstyle/open/images/website/pic_praisebtn.jpg}} | {{Img_polaroid|src=http://img.t.sinajs.cn/t4/appstyle/open/images/website/pic_praisebtn.jpg}} | ||
+ | |||
'''在HTML标签中增加XML命名空间''' | '''在HTML标签中增加XML命名空间''' | ||
+ | |||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
第139行: | 第169行: | ||
<html xmlns:wb=“http://open.weibo.com/wb”> | <html xmlns:wb=“http://open.weibo.com/wb”> | ||
</pre> | </pre> | ||
+ | |||
'''在HEAD头中引入WB.JS''' | '''在HEAD头中引入WB.JS''' | ||
+ | |||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
第148行: | 第180行: | ||
</head> | </head> | ||
</pre> | </pre> | ||
+ | |||
'''在需要部署微博发布器的位置粘贴WBML代码''' | '''在需要部署微博发布器的位置粘贴WBML代码''' | ||
+ | |||
<div class="code_type">HTML</div> | <div class="code_type">HTML</div> | ||
第165行: | 第199行: | ||
− | <div class="wiki_title_withline"> | + | ==利用微博开放API自定义集成== |
+ | |||
+ | <div class="wiki_txtA">除了以上接入方式,你还可以通过微博API,深度开发个性化的自定义集成分享功能。直接使用API接口开发,需要较强的开发能力,分享体验可以融合到你的应用或网站中,得到较好的交互体验。但API接口易被利用分享垃圾内容到微博,所以微博对于API接口形式的分享有一定的限制,具体限制参见下面的接口文档。</div> | ||
+ | |||
+ | <div class="wiki_title_withline">API接口</div> | ||
+ | |||
+ | <div style="margin:15px 0;"> | ||
+ | {|width="100%" border="0" cellspacing="0" cellpadding="0" class="wiki_table" | ||
+ | <html><colgroup><col class="tbF1"/><col class="tbF2" /><col /></colgroup></html> | ||
+ | !colspan="2" scope="col"|<span id="分享微博接口">分享微博接口</span> | ||
+ | |- | ||
+ | |[[2/statuses/share|statuses/share]] | ||
+ | |第三方分享链接、文字、图片到微博 | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="wiki_title_withline">SDK</div> | ||
+ | |||
<div style="margin:15px 0;"> | <div style="margin:15px 0;"> | ||
<div class="wiki_taglist"> | <div class="wiki_taglist"> | ||
<ul class="clearfix"> | <ul class="clearfix"> | ||
− | <li style="font-size:14px;">[http:// | + | <li style="font-size:14px;">[http://code.google.com/p/libweibo/ PHP SDK]</li> |
− | <li style="font-size:14px;">[http:// | + | <li style="font-size:14px;">[http://code.google.com/p/weibo4j/ Java SDK]</li> |
− | <li style="font-size:14px;">[ | + | <li style="font-size:14px;">[[SDK|更多SDK]]</li> |
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
第178行: | 第229行: | ||
− | == | + | ==Link Card== |
− | <div class="wiki_txtA"> | + | <div class="wiki_txtA">帮助用户在使用应用时,快捷分享视频、文章等富媒体内容到微博。他是一套标准化、结构化的信息传播方法,为开发者提供了将其应用或网站上的富媒体内容,深入连接到微博的途径。 链接卡片可以帮助丰富你的微博内容,是针对微博消息流中带有的短链接,为用户提供更多的内容与更完美的视觉体验,从而为你的内容带来更多、更有效的回流访问量。 </div> |
+ | '''示例''' | ||
− | + | {{Img_polaroid|src=http://ww1.sinaimg.cn/large/53b515f0jw1fcy1me3iwjj20gk0bstc0.jpg}} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="wiki_taglist"> | ||
+ | <ul class="clearfix"> | ||
+ | <li style="font-size:14px;">[[Opengraph/object|接入对象库]]</li> | ||
+ | <li style="font-size:14px;">[[Opengraph/object_data_callback|对象数据回调]]</li> | ||
+ | </ul> | ||
+ | </div> | ||
− | . | + | <div class="wiki_txtA">接入视频、文章到微博,并能分享为卡片,具体需要联系微博开放平台商务,可关注并私信 [http://weibo.com/openapi 微博开放平台]</div> |
2022年11月29日 (二) 11:40的最后版本
内容分享
让用户在你的应用或网站中,可以快速分享内容到微博。
阅读以下文档,帮助了解如何在你的应用或网站中,添加用内容分享功能。
移动应用
原生分享,在你的应用中唤起微博官方客户端,实现分享到微博的功能。
示例
将你的应用的包名签名信息在微博开放平台注册。然后在你的应用中,导入官方移动SDK,即可便捷的实现原生分享功能。
iOS
应用代码片段
Object C
- (void)shareButtonPressed { WBSendMessageToWeiboRequest *request = [WBSendMessageToWeiboRequest requestWithMessage:[self messageToShare]]; request.userInfo = @{@"ShareMessageFrom": @"SendMessageToWeiboViewController", @"Other_Info_1": [NSNumber numberWithInt:123], @"Other_Info_2": @[@"obj1", @"obj2"], @"Other_Info_3": @{@"key1": @"obj1", @"key2": @"obj2"}}; [WeiboSDK sendRequest:request]; }
Android
应用代码片段
Java
private void sendMultiMessage(boolean hasText, boolean hasImage, boolean hasWebpage, boolean hasMusic, boolean hasVideo, boolean hasVoice) { WeiboMultiMessage weiboMessage = new WeiboMultiMessage();//初始化微博的分享消息 if (hasText) { weiboMessage. textObject = getTextObj(); } SendMultiMessageToWeiboRequest request = new SendMultiMessageToWeiboRequest(); request.transaction = String.valueOf(System.currentTimeMillis()); request.multiMessage = weiboMessage; mWeiboShareAPI.sendRequest(request); //发送请求消息到微博,唤起微博分享界面 }
新版移动SDK的分享功能。
Web网站
在你的网站中,快速嵌入分享到微博等社会化组件。
分享组件
将分享按钮嵌入到你的网站里,你的访客点击它就能将你的网页分享到微博,分享给他们的粉丝,增加你的网站的访问流量。新的分享按钮还支持分享页面上的图片、显示分享数等功能,拥有更好的分享体验。
示例
在HEAD头中引入JS SDK文件
HTML
<head> <script src="https://open.weibo.com/views/js/wbsdk.js" type="text/javascript" charset="utf-8"></script> </head>
初始化JS SDK
Javascript
wb.init({ appkey: '' });
在需要部署分享组件的位置分享开放标签
HTML
<wb-share-button>分享到微博</wb-share-button>
开放标签中的样式,完全由开发者自己控制,例如。
HTML
<wb-share-button><div class="myStyle">分享到微博</div></wb-share-button>
指定分享的内容和页面地址,可以通过 data:title,data:url 属性标签完成自定义,例如。
HTML
<wb-share-button data:title="title" data:url="url">分享到微博</wb-share-button>
如果需要在分享的时候,指定一张分享图片,可以通过 data:pic 属性标签指定图片的地址,例如。
HTML
<wb-share-button data:pic="https://wx2.sinaimg.cn/large/53b515f0ly1glgemvpjwfj20gi0aw114.jpg">分享到微博</wb-share-button>
赞组件
使用微博赞按钮,将生成的代码放置到你的博客、网站或其它支持HTML的位置,让你的用户轻松表达态度。当用户在您的站点上某个网页点击了赞按钮后,同时会同步一条包含网页内容的动态信息到微博显示。
示例
在HTML标签中增加XML命名空间
HTML
<html xmlns:wb=“http://open.weibo.com/wb”>
在HEAD头中引入WB.JS
HTML
<head> <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script> </head>
在需要部署微博发布器的位置粘贴WBML代码
HTML
<wb:like appkey="1NpS4Z"></wb:like>
利用微博开放API自定义集成
除了以上接入方式,你还可以通过微博API,深度开发个性化的自定义集成分享功能。直接使用API接口开发,需要较强的开发能力,分享体验可以融合到你的应用或网站中,得到较好的交互体验。但API接口易被利用分享垃圾内容到微博,所以微博对于API接口形式的分享有一定的限制,具体限制参见下面的接口文档。
API接口
分享微博接口 | |
---|---|
statuses/share | 第三方分享链接、文字、图片到微博 |
SDK
Link Card
帮助用户在使用应用时,快捷分享视频、文章等富媒体内容到微博。他是一套标准化、结构化的信息传播方法,为开发者提供了将其应用或网站上的富媒体内容,深入连接到微博的途径。 链接卡片可以帮助丰富你的微博内容,是针对微博消息流中带有的短链接,为用户提供更多的内容与更完美的视觉体验,从而为你的内容带来更多、更有效的回流访问量。
示例
接入视频、文章到微博,并能分享为卡片,具体需要联系微博开放平台商务,可关注并私信 微博开放平台
文档更新时间: 2022-11-29