「百度分享」で中国ソーシャルメディアのボタンを設置する

スポンサーリンク
スポンサーリンク

「百度分享」中国向けソーシャルボタン設置

微信や微博などの中国ソーシャルメディア向け情報拡散に欠かせないソーシャルボタン設置サービス「百度分享」をご紹介します。

サーチエンジン「百度」が提供する無料ソーシャルボタン設置サービス「百度分享」を使うと、ウェブサイトやブログに微信や新浪微博などのソーシャルボタンを設置することができます。

ソーシャルボタンの設置だけでなく、各ソーシャルサービスごとのシェア数といった解析機能も充実していますよ。

スポンサーリンク

百度分享でソーシャルボタンを作成

百度分享 コード取得

では、百度分享でソーシャルボタンを作成してみましょう。まずは「免费获取代码」(無料でコード取得)をクリックしてください。

「百度分享」はこちらからどうぞ

Screenshot of share.baidu.com

百度分享,为您带来更多流量 – 百度分享

いきなりですが、百度分享は細かい設定なしで十分使えます。中国語がわからない方や、アイコンのスタイルや大きさにこだわらない方は、次のページ「代码获取」に進んでから、下にある青いボタン「直接复制代码」(コードをコピーする)をクリックして、すぐにソーシャルボタンのコードを取得してください。

百度分享 直接复制代码 コードをコピー

コードを取得した方は、以下の解説を飛ばしてコードの設置方法まで進んで下さい。アイコンのカスタマイズに興味がある方や、配置するボタンを自分で選びたい方は、順番に読んでいってくださいね。

百度分享 代码获取(コード取得)

百度分享 代码获取 コード取得

「代码获取」(コード取得)では、おまかせでコード取得ができる「自由选择版」と、各種コードを自分で選択できる「专业开发版」が選べます。上級者の方は「专业开发版」を選択して、ソーシャルボタンを自分好みにカスタマイズしてください。

その右側には「页面分享功能」(ページを共有)、「图片分享功能」(画像を共有)、「划词分享功能」(選択したテキストを共有)のチェックボックスがあり、そのまた右側で各種機能がチェックできます。

「图片分享功能」を使うと、ソーシャル上の画像共有も簡単にできます。勝手に画像を使われるのはイヤだという方は、「图片分享功能」のチェックをはずしてください。

とはいえ、中国のソーシャルメディアでは画像も共有するのが当たり前みたいなので、ここは中国の流儀に合わせて画像もジャンジャン持ってって下さいがいいと思います。

百度分享 下一步 页面按钮设置 ボタン設定に進む

あとは特に変更するところはありません。下の「下一步 页面按钮设置」(ボタンの設定に進む)をクリックして次に進んで下さい。

スポンサーリンク

百度分享 页面按钮设置(ボタンの設定)

百度分享 页面按钮设置 ボタンの設定

次は「页面按钮设置」(ボタンの設定)です。ここではソーシャルボタンのスタイルや大きさやを設定することができます。設定は右側に表示されるプレビューで確認できるので、自分の好みに合わせて変更してください。設定が面倒であれば、そのままでも大丈夫です。

ボタンの設定ですが、上から順に説明していきます。

按钮类型(ボタンタイプ)はアイコン横並びの「图标式」、ボタン横に各ソーシャルの名称が入る「文字式」、ブラウザ横にフローティングウィンドウが表示される「浮窗式」の3つから選択します。

按钮风格选择(ボタンスタイル)も3種の中から選択、按钮大小选择(ボタンサイズ)も同様に3サイズ選択可能です。プレビュー表示を見て気に入ったものを選択してください。

按钮展示(ボタン表示)はアイコンをドラッグドロップして順番を変更したり、メイン表示とサブ表示の間で入れ替えることができます。中国では使えないはずのFacebookやtwitterのアイコンもありますねぇ。

按钮浮层及更多页面(サブ表示と他ソーシャル)では、鼠标浮层(表示列変更)と更多页面(他アイコンの整理)ができます。知らないアイコンばかりですが、そのままにしておきました。

「下一步 图片按钮设置」をクリックして次に進んで下さい。

百度分享 图片按钮设置(画像シェアボタンの設定)

百度分享 图片按钮设置 画像シェアボタンの設定

続いて「图片按钮设置」(画像シェアボタンの設定)です。右側のプレビューで画像にカーソルを当てるとシェアボタンが表示されるので、それを見ながらアイコンの大きさや表示される文字を変更してください。これもそのままで問題ありません。

「下一步 获取代码」をクリックして次に進みます。

スポンサーリンク

百度分享 自定义分享来源(シェアのカスタマイズ)

百度分享 自定义分享来源 シェアのカスタマイズ

最後に「自定义分享来源」(シェアのカスタマイズ)で、ソーシャルメディアでサイトや画像がシェアされた時の表示をカスタマイズします。

「请输入AppKey」(AppKeyを入力)に各ソーシャルメディアのAppKeyを入力すると、下にある「自定义分享文案」の文章を表示させることができます。

例えば、「新浪:」に微博のAppKeyを入力して、「自定义分享文案」に「いわしブログからシェア」と入力しておくと、新浪微博のシェアボタンを押した時に、その投稿で「いわしブログからシェア」と表示させることができます。

この辺は非常に敷居が高い(AppKeyが必要)ので、どうしてもという方だけチャレンジしてください。

あとは「直接复制代码」(コードをコピー)をクリックして、ソーシャルボタンのコードを取得します。

百度分享 直接复制代码 コードをコピー

これでソーシャルボタンのコードがクリップボードにコピーされました。

百度分享 代码复制成功 コードコピー完了

百度分享 ソーシャルボタンコードの設置方法

百度分享で作成したソーシャルボタンコードはこちらです。これをウェブサイトやブログに貼り付けるだけで、ソーシャルボタンが設置できますよ。

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

さっそくブログにソーシャルボタンを設置してみました。STINGER5で作成中の中国語ブログにコードを貼り付けています。うんうん、なかなかよい感じだわ(^^)

百度分享 STINGER5にソーシャルボタンコードを設置

STINGER5に設置する場合は、テーマ内 sns-top.php と sns.php を修正します。<ul></ul>の間に百度分享で取得したコードを貼り付けて、既存のボタンを置き換えました。

<div class="sns">
	<ul class="snsb clearfix">
●●●●●●● この間にソーシャルボタンのコードをそのまま貼り付ける ●●●●●●●
	</ul>
</div>

WordPressの投稿画面にソーシャルボタンのコードをそのまま貼り付けてテストしてみましたが、問題なく動作しました。今下に並んでいるソーシャルボタンがそうですよ。多分コードはどこに配置しても大丈夫だと思います。

中国人のネット口コミの力はとても大きいので、中国に向けた情報発信は中国ソーシャルメディアの活用が必須です。中国語のウェブサイトやブログを運営されている方は、ぜひ「百度分享」を使ってみてください。

コメント

タイトルとURLをコピーしました