ブログで100万の秘訣ってなに?
詳しくはコチラ

SNSシェアボタンをWebサイトに設置できるCSSとJavaScriptコードスニペット10選 カスタマイズも可能

マーケティング最新
どんなwebサイトにも、ソーシャルメディアでページをシェアするための「共有ボタン」が必要なはずです。しかし、デフォルトの共有ボタンはそんなに良いものとは言えず、それらは各ソーシャルメディアごとにバラバラのデザインをしています。
 
 
この記事では、webサイトで自由に使えて統一感のあるカスタム共有ボタンを集めました。デフォルトのボタンに代わる美しい共有ボタンをお探しであれば、これらのテンプレートがお役に立てるはずです。
 
 
 
1.サイドバッジ型共有ボタン
See the Pen
Share Buttons Inspired by IGN by Michael Schofield (@michaelschofield)
on CodePen.
まず最初に、私のお気に入りのテクニックの1つをご紹介しましょう。こちらのボタンは開発者であるMichael Schofieldが作成したものです。このように、サイドに固定されたバッジ型の共有ボタンは、大きなブログやマガジンサイトでよく見られるスタイルです。
 
 
これらの共有ボタンは、ページ上部である見出し近くに配置したままにすることも、スクロール後も常に表示することもできます。違いを比較検証したデータは見つかっていませんが、ボタンを固定した方がシェア数が多いと

リンク元

コメント

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