分享按钮设置页-微博开放平台

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>分享按钮设置页-微博开放平台</title> <script type="text/javascript"> var $CONFIG = { $severtime : "1739783125" }; $CONFIG['uid'] = ""; $CONFIG['name'] = ""; $CONFIG['icon'] = ""; $CONFIG['islogin'] = ''; $CONFIG['verify'] = ''; $CONFIG['oid'] = ""; $CONFIG['onick'] = ""; $CONFIG['nick'] = ""; $CONFIG['bigpipe'] = 'false'; $CONFIG['timeDiff'] = (new Date() - 1739783125*1000); $CONFIG['product'] = ''; $CONFIG['pageid'] = ''; $CONFIG['skin'] = ''; $CONFIG['lang'] = 'zh-cn'; $CONFIG['jsPath'] = 'https://js.t.sinajs.cn/t4/'; $CONFIG['cssPath'] = 'https://img.wcdn.cn/t4/'; $CONFIG['imgPath'] = 'https://img.wcdn.cn/t4/'; $CONFIG['flashversion'] = 20130402; $CONFIG['autoScroll'] = true; $CONFIG['authority'] = false; </script> <script type="text/javascript" src="https://tjs.sjs.sinajs.cn/t35/apps/opent/js/lang_zh.js?version=1.1.3.0711"></script> <script type="text/javascript" src="https://js.t.sinajs.cn/STK/gaea/js/gaea_1_22.js?version=1.1.3.0711" ></script> <link rel="stylesheet" type="text/css" href="https://img.t.sinajs.cn/t4/appstyle/open/css/pages/website/settings_sharebtn.css"> <script type="text/javascript"> $CONFIG.$appkey = ''; </script> </head> <body class="B_op_website"> <div class="op_header"> <div class="global_top_header US"> <div class="header_inner"> <div class="header_wrapper"> <div class="logo_container"> <a class="logo_link" href="/" title="进入首页"><img class="logo_img" src="https://img.t.sinajs.cn/t4/appstyle/open/images/common/transparent.gif" alt="Weibo Platform Logo" /></a> <h1 class="hidden_title">新浪微博开放平台</h1> </div> <div class="nav_list_container"> <ul class="nav_list"> <li class="nav_item nav_item_more nav_more_mouseover2 nav_length_3"> <a class="nav_link" action-type="selection_btn" action-data="index=1" href="/development" title="">微连接<i class="mark_more_arrow"></i></a> <div class="nav_more_layer" action-type="selection_menu" action-data="index=1"> <div class="nav_more_link_container"> <div class="more_link_line"><a class="nav_more_link" href="/development/mobile" title="">移动应用</a></div> <div class="more_link_line"><a class="nav_more_link" href="/connect" title="">网站接入</a></div> <div class="more_link_line"><a class="nav_more_link" href="/apps/new?sort=component" title="">电商服务商</a></div> <div class="more_link_line"><a class="nav_more_link" href="/apps/new?sort=shop" title="">电商商家</a></div>     </div> </div> </li> <li class="nav_item nav_item_more nav_more_mouseover2 nav_length_3"> <a class="nav_link" action-type="selection_btn" action-data="index=2" title="" href="/service">数据服务<i class="mark_more_arrow"></i></a> <div class="nav_more_layer" action-type="selection_menu" action-data="index=2"> <div class="nav_more_link_container"> <div class="more_link_line"><a class="nav_more_link" href="/development/businessdata" title="">数据服务</a></div> <div class="more_link_line"><a class="nav_more_link" href="/development/datacenter" title="">数据助手</a></div> <div class="more_link_line"><a class="nav_more_link" href="/wp/intro" title="">合作伙伴</a></div> <div class="more_link_line"><a class="nav_more_link" href="/pay" title="">微博支付</a></div> <div class="more_link_line"><a class="nav_more_link" href="/development/pro" title="">轻应用</a></div> <div class="more_link_line"><a class="nav_more_link" href="/development/fenfu" title="">粉丝服务</a></div> </div> </div> </li> <li class="nav_item "> <a class="nav_link" href="/wiki/" title="">文档</a> </li> <li class="nav_item "> <a class="nav_link" href="/fensitong" title="">推广</a> </li> <li class="nav_item "> <a class="nav_link" node-type="manage_center" href="javascript:void(0);" hidefocus="true" title="">我的应用</a> </li> </ul> </div>  <div class="pull_right">   <script type="text/javascript" src="https://js.t.sinajs.cn/t6/page/js/pl/top/unlogin.js"></script> <div class="login_link_container"><a class="login_link" action-type="login" href="javascript:;" title="">登录</a></div> </div>    <div class="us_weibo">weibo</div> </div> </div> </div> </div>  <div class="website_wrap"> <div class="op_main"> <div class="website_content_box"> <div class="website_content_wrap"> <div class="website_content"> <div class="op_main_inner clearfix">  <div class="op_main_l"> <div class="website_sidebar"> <dl class="sidebar_border"> <dt class="website_icon icon_login "><a href="/authentication">微博登录</a></dt> </dl> <dl class="sidebar_border"> <dt class="website_icon icon_widgets "><a href="/widgets?cat=wb">微博组件</a></dt> <dd ><a href="/widget/like.php">赞组件<em class="sidebar_more"></em></a></dd> <dd class="current"><a href="/sharebutton">分享按钮<em class="sidebar_more"></em></a></dd> <dd ><a href="/widget/weibotopic.php">微博话题墙<em class="sidebar_more"></em></a></dd>    <dd ><a href="/livestreamset.php">微博直播<em class="sidebar_more"></em></a></dd>    <dd ><a href="/widget/followbutton.php">关注按钮<em class="sidebar_more"></em></a></dd>   </dl>  </div> </div>   <div class="op_main_r" id="pl_setting_share"> <div class="website_section">  <h2 class="website_title">微博分享按钮</h2>  <div class="website_section_content"> <p>将分享按钮嵌入到你的网站里，你的访客点击它就能将你的网页分享到微博，分享给他们的粉丝，增加你的网站的访问流量。新的分享按钮还支持分享页面上的图片、显示分享数等功能，拥有更好的分享体验。</p> <div class="pic_show"><img src="https://img.t.sinajs.cn/t4/appstyle/open/images/website/pic_sharebtn.jpg" alt="微博分享按钮" /></div> </div> </div> <div class="website_section">  <h2 class="website_title">使用微博分享按钮有什么好处？</h2>  <div class="website_section_content"> <ol class="inner_info01"> <li> <p class="intro_declare">1.随时随地分享内容</p> <p class="intro_description">—— 用户发现亮点内容，通过分享按钮即可将网页内容发送到微博与朋友分享；</p> </li> <li> <p class="intro_declare">2. 高定制化内容分享</p> <p class="intro_description">—— 开发者可自定义分享内容预先设定多张分享配图供用户选择，提高内容传播体验；</p> </li> <li> <p class="intro_declare">3. 提高官方账号曝光及关注量</p> <p class="intro_description">—— 用户发现亮点内容，通过分享按钮即可将网页内容发送到微博与朋友分享；</p> </li> </ol> </div> </div> <div class="website_section_wrap">  <h2 class="website_title">如何使用微博分享按钮？</h2>  <div class="website_section_content"> <p class="inner_info02">配置按钮功能，拷贝代码到您网站的相应位置，即可开始使用。</p> <form node-type="form"> <div class="website_section section_border"> <h3 class="section_title"><i>第一步</i> 配置分享按钮样式</h3> <div class="website_article"> <dl class="clearfix website_form website_form_01"> <dt class="long_title">样式：</dt> <dd> <p> <label class="website_form_01txt"><input name="style_set" type="radio" class="W_radio" checked id="btnStyle_01" action-type="style" value="button"><label for="btnStyle_01">按钮</label></label> </p> <p> <label class="website_form_01txt"><input name="style_set" type="radio" class="W_radio" id="btnStyle_02" action-type="style" value="icon"><label for="btnStyle_02">图标</label></label> </p> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">版本：</dt> <dd> <p> <label class="website_form_01txt"><input name="version_set" type="radio" class="W_radio" id="btnSize_01" action-type="version" value="simple"><label for="btnSize_01">简洁版</label></label> </p> <p> <label class="website_form_01txt"><input name="version_set" type="radio" class="W_radio" checked id="btnSize_02" action-type="version" value="number"><label for="btnSize_02">数字版</label></label> </p> <p> <label class="website_form_01txt"><input name="version_set" type="radio" class="W_radio" id="btnSize_03" action-type="version" value="text"><label for="btnSize_03">文字版</label></label> </p> <p> <label class="website_form_01txt"><input name="version_set" type="radio" class="W_radio" id="btnSize_04" action-type="version" value="full"><label for="btnSize_04">完整版</label></label> </p> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">关联账号：</dt> <dd> <div> <input node-type="nickname" type="text" class="website_input input_width_set" value="请输入微博昵称" id="relateUid"/><span class="website_formtip W_textb">用户分享的内容中会自动@该账号，分享成功后会提示分享者关注该账号。</span> </div> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">预置文案：</dt> <dd> <div> <textarea node-type="defaultText" class="website_textarea default_multi_input"></textarea><span class="website_formtip W_textb">分享窗口中默认的文字内容，不设置自动抓取页面标题。</span> </div> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">预置图片：</dt> <dd> <div class="image_preset_handle" node-type="imgpreset"> <div class="image_preset_line"><input node-type="pics" type="text" class="website_input input_width_set" value="请输入图片url"/><a class="preset_handle_link" href="javascript:;" action-type="addpic" title=""><i class="handle_icon handle_icon_plus"></i>添加图片</a><span class="website_formtip W_textb pic_tips_special">最多可添加3张图片。预置更多图片可使用wbml image属性定义，详见文档 <a href="http://open.weibo.com/wiki/%E8%B5%9E%E7%BB%84%E4%BB%B6Weibo_Meta_Tags%E5%8F%8A%E5%AF%B9OpenGraph%E6%94%AF%E6%8C%81%E8%8C%83%E7%95%B4%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3#.E5.8D.95.E4.B8.AA.E5.B1.9E.E6.80.A7.E7.9A.84.E5.A4.9A.E5.80.BC.E5.AE.9A.E4.B9.89" target="_blank">wbml单个属性的多值定义</a>。 </span></div> </div> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">抓图服务：</dt> <dd> <p> <label class="website_form_01txt"><input action-type="searchPic" value="true" name="image_fetch_set" type="radio" class="W_radio" checked>打开</label> </p> <p> <label class="website_form_01txt"><input action-type="searchPic" value="false" name="image_fetch_set" type="radio" class="W_radio">关闭</label> </p> <p class="image_fetch_note"><span class="website_formtip W_textb">关闭后系统不会自动抓取页面图片，预置图片不受此参数影响。</span></p> </dd> </dl> <dl class="clearfix website_form website_form_01"> <dt class="long_title">语言设置：</dt> <dd> <p> <label class="website_form_01txt"><input action-type="lang" value="zh_cn" name="language_set" type="radio" class="W_radio" checked>简体中文</label> </p> <p> <label class="website_form_01txt"><input action-type="lang" value="zh_tw" name="language_set" type="radio" class="W_radio">繁体中文</label> </p> </dd> </dl> <div class="widget_preview"> <p class="preview_note">预览效果：</p> <div class="preview_container"> <div class="preview_share_button" id="btn_demo">  </div> </div> </div> </div> </div> <div class="website_section section_border website_section_03"> <h3 class="section_title"><i>第二步</i> 配置AppKey</h3> <p class="inner_info02">配置AppKey (需要通过审核) ，显示微博分享来源。您可以通过 <a href="http://open.weibo.com/apps/new?sort=web" class="inner_info_ex" target="_blank">创建网站</a> 和 <a href="http://open.weibo.com/development" class="inner_info_ex" target="_blank">创建应用</a> 获取AppKey。</p> <dl class="website_form clearfix website_form_04"> <dt>AppKey：</dt> <dd> </dd> </dl> </div> </form> <div class="website_section website_section_last "> <h3 class="section_title"><i>第三步</i> 复制代码</h3> <p class="inner_info04">完成以上配置后，按照以下步骤，将代码部署到您网站即可。</p> <div class="website_code"> <div class="website_code_01" id="tabs"> <ul class="website_tab website_tab_01 clearfix"> <li><a href="javascript:;" class="current current_01" show-div='show-wbml' node-type="tabs">WBML</a></li> </ul>  <div class="website_code_textarea website_code_textarea01" node-type="showDivs" id="show-wbml"> <dl> <dt>1.在HTML标签中增加XML命名空间</dt> <dd> <textarea node-type="select" class="textarea_01"><html xmlns:wb="http://open.weibo.com/wb"></textarea> </dd> </dl> <dl> <dt>2.在HEAD头中引入WB.JS</dt> <dd> <textarea node-type="select" id="wbml_appkey" class="textarea_01"><script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script></textarea> </dd> </dl> <dl> <dt>3.在需要部署微博发布器的位置粘贴WBML代码</dt> <dd> <textarea class="textarea_01" node-type="select" id="wbml_content"><wb:follow-button uid="1730077315" type="red_1" width="63" height="24" ></wb:follow-button></textarea> </dd> </dl> </div>  </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </div> </div>  <div class="op_footer"> <div class="inner"> <p class="links"> <a href="/wiki/index.php/关于开放平台">关于微博开放平台</a> <span class="W_vline">|</span> <a href="/wiki/联系我们">联系我们</a> <span class="W_vline">|</span> <a href="/wiki/开发者协议">服务条款</a> <span class="W_vline">|</span> <a href="/development/mobilegame">无线游戏</a> <span class="W_vline">|</span> <a href="https://www.weibo.com/openapi">开放平台官微</a> </p> <p class="copyright W_textb"> <span>京网文 [2011] 0398-130号</span> <span>京ICP证100780号</span> <span>Copyright © 1996-2025 SINA</span></p> </div> </div> <noscript> <img width="0" height="0" src="https://beacon.sina.com.cn/a.gif?noScript" border="0" alt="" /> </noscript> <script type='text/javascript' charset="utf-8"> (function() { var doc = document, wa = doc.createElement('script'), s = doc.getElementsByTagName('script')[0]; wa.type = 'text/javascript'; wa.charset = 'utf-8'; wa.async = true; wa.src = 'https://js.t.sinajs.cn/open/analytics/js/suda.js?version=1.1.3.0711'; s.parentNode.insertBefore(wa, s); })(); </script> <script type="text/javascript" src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" charset="utf-8"></script> <script type="text/javascript" src="https://js.t.sinajs.cn/open/widget/js/setting/share.js?version=1.1.2.305"></script> <script type="text/javascript" src="https://tjs.sjs.sinajs.cn/open/site/js/web/index.js?version=1.1.2.309"></script> </body> </html>

CINXE.COM

分享按钮设置页-微博开放平台