微博講座・応用編 vol.1|新浪微博のシェアボタンを設置する - 新浪微博ニュースで学ぶ生きた中国語講座! CHAiPoD ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

微博講座・応用編 vol.1|新浪微博のシェアボタンを設置する

今日は、新浪微博応用編シェアボタンの設置方法のご案内です。

とりあえず、新浪微博をおすすめしているので、かねてよりブログにもソーシャルボタンを設置したいと思っていました。
このたび、コード取得場所をみつけましたので設置方法とともにご案内いたします。
こちらは設置を完了した兄弟サイトamebloの画面を元に説明していきます。
FC2ブログの日本のアカウントは中国側より閲覧規制がかかっているので、当ブログにおいては、該当ボタンの設置はしていません。

まずは、設置後の兄弟サイトを確認してみましょう。
 http://ameblo.jp/chaipodnews/ 

それでは、簡単にソーシャルボタンの設置方法を紹介します。

①まずは、コード取得のためのサイトへジャンプ
 新浪微博の開発プラットフォーム用ページ
 
http://open.weibo.com/sharebutton

②コード生成
ボタンの形やサイズなどの設定を行う
新浪微博 

③生成されたコードを該当箇所に貼り付ける

新浪微博 

④上記ボタンを押して動作確認
上記の設定画面で
「关联账号」にアカウント名をいれると(分享自 @アカウント名
「显示微博信息来源」にリンク名をいれるとリンク名
が下図のようにそれぞれ表示されます。
新浪微博 

なんだかよくわからないという方は、以下のコードをはりつけると
③に添付した写真のようなボタンを設置できます。


-------------これ以下をコピー---------------------------------
<script type="text/javascript" charset="utf-8">
(function(){
var _w = 106 , _h = 24;
var param = {
url:location.href,
type:'5',
count:'', /**是否显示分享数,1显示(可选)*/
appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
title:'', /**分享的文字内容(可选,默认为所在页面的title)*/
pic:'', /**分享图片的路径(可选)*/
ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/
language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/
rnd:new Date().valueOf()
}
var temp = [];
for( var p in param ){
temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
}
document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
})()
</script>
-------------ここまでをコピー---------------------------------


※wordpressをお使いの方は百度(baidu.com)の方でも設置方法が
   公開されているので参考にしてみてください。
 http://share.baidu.com/get-codes


 
ここは記事下のフリースペースです
コメント
非公開コメント

トラックバック

http://chaipod.blog.fc2.com/tb.php/452-d21db9e3

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。