登録ログイン

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置2」

中国でのホームページ作成のポイントについて述べます。前回、中国SNSの種類について述べました。

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置1」
中国でのホームページ作成のポイントについて述べます。これまで2つのポイントについて述べました。 今回はSNSシェアについてです。 【2018/11追記】 本ページは古いので↑こちらをご覧ください。 ...

今回はどのようにしてブログに中国式シェアボタンを設置するかです。

https://h200tx.com/its/baidu-share

【2018/11】記事を書き直したので↑こちらを参照ください。

 

設置方法の概要

 

そんなに難しくはないと思います。Wordpressのブログでシェアボタンを設置する方法は主に3パターンあります。

  • テーマの機能として初めから実装されている
  • シェアボタンを追加するプラグインを導入する
  • シェアボタンのコードを生成してブログに貼り付ける

ここではそれぞれについて細かく説明はしません。中国SNSシェアボタンはコードで実装します。

 

シェアボタンの実装方法

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置2」 参考画像

  1. 百度にユーザ登録する
  2. 各SNSのAppKeyを取得する(ハードル高い。やらなくても設置は可能)
  3. シェアボタンコードを生成する
  4. シェアボタンコードをブログに貼り付ける

ざっとこんな流れです。

百度へのユーザ登録

百度は中国のなんでも屋さんになります。特に怪しい所はないので、TOPページからユーザ登録します。

AppKeyの取得

AppKeyとは自分のブログを一意に識別するためのキーです。シェアボタンを設置するためには、各SNSベンダーに自分のブログを登録する必要があります。

ここは真面目にやると時間がかかるのですが、シェアボタンを設置して、SNSに情報を流すだけならAppKeyは必要ない(と思われる)です。大抵のことはそれで事足りるのでスキップします。

コード生成

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置2」 参考画像

百度搜索资源平台_共创共享鲜活搜索
百度搜索面向合作伙伴的官方平台,为开发者、内容创作者、站点管理者等伙伴,提供优化工具、数据、课程、Q&A等服务,助力资源进入搜索,同时提供搜索项目合作机会,让优质资源脱颖而出。

百度分享にアクセスし、あとは画面に記載されている通りに進めます。

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置2」 参考画像

最後の画面でAppKeyを入力する箇所があります。ここでは適当な値を入力します。

<div class=”bdsharebuttonbox”><a href=”#” class=”bds_more” data-cmd=”more”></a><a href=”#” class=”bds_qzone” data-cmd=”qzone” title=”分享到QQ空间”></a><a href=”#” class=”bds_tsina” data-cmd=”tsina” title=”分享到新浪微博”></a><a href=”#” class=”bds_weixin” data-cmd=”weixin” title=”分享到微信”></a><a href=”#” class=”bds_tieba” data-cmd=”tieba” title=”分享到百度贴吧”></a><a href=”#” class=”bds_renren” data-cmd=”renren” title=”分享到人人网”></a></div>
<script>window._bd_share_config={“common”:{“bdSnsKey”:{“tsina”:”111″,”tqq”:”222″,”t163″:”333″,”tsohu”:”444″},”bdText”:”在中國決勝負!日本人的挑戰”,”bdMini”:”2″,”bdMiniList”:false,”bdPic”:”h200tx.com”,”bdStyle”:”1″,”bdSize”:”32″},”share”:{}};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>

このようなコードが生成されます。

 

実際に設置してみた


こんな感じです。これで誰もが中国のSNSで投稿をシェアすることが可能です!ただ一部のSNSでは正しくシェアできないので、それについてはまた調査します。

今回は簡易設置について紹介しました。百度分享の他の方法として、企業開発版の設置方法もあります。こちらはもっと細かく設定できるようです。

 

SNSシェアボタン設置まとめ

中国人向けホームページ作成。第三関門「SNSシェアボタンの設置2」 参考画像

中国のSNSといえど設置はそんなに難しくないことが分かりました。ただ、AppKeyの入力など、中国らしい煩わしさはあります。この辺りに精通するためには中国語が必要です。機会があれば挑戦します。

今回SNSシェアボタンの設置がうまくいったので、本ブログのシェアボタンにそのまま追加しました。

 

 

>>次のページは
IT大国中国の電子決済について解説します。入門編

KISSENGERって何?世界中の人とチューが体験できる夢のデバイスなのだ!

 

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