中国のシェアボタンツール JiaThis のアイコン(ボタン)をオリジナルのデザインにカスタマイズする方法

  • BLOG

中国向けの SNS シェアボタンを調べることがあったのですが、思いのほか中国のシェア事情はその他の地域とは事情が違い、特に 微信(WeChat)への共有は公式の API などが無く、百度(バイドゥ)をはじめとする シェアツール を使う以外にろくな選択肢がないことが分かりました。。

しかもそれらのシェアツールは軒並みダサいというのが問題で。。

そこで中でもかなりのシェアを誇る JiaThis のシェアツールをオリジナルデザインにカスタマイズする方法をご紹介したいと思います。
やっている内容はシンプルに CSS を上書きしているだけなので、様々なサイトで使えるものと思います。

おそらく百度のツールでも同様のやり方でカスタマイズできるのではないかと思います。

カスタマイズ方法

See the Pen Customize JiaThis Button Icons by Akira Miura (@Gurasa) on CodePen.0

注意点

既存のアイコンを隠すために position: absolute で彼方へ飛ばしています。
この手法は SEO 的観点からすればスパムになるとかならないとか言われていた時代がありました。
現在はどうなのか詳しくは分かりませんが、対象がシェアボタンで見出しはおろかメインのコンテンツですらないので、多分大丈夫だろうと僕は楽観的にとらえています。( Google 先生も頭いいわけですし)
もし猛烈に SEO を気にしていて、マイナス要素は1つでも省きたいって方には向かないかもしれません。
ちなみに、百度のツールを使うと百度の検索に強くなるって噂もありますね。(本当かな?)

おためしあれ。