jQuery Floating Social Share

JavaScript

カウンター付きのソーシャルシェアボタンを実装できる「jQuery Floating Social Share」

jQuery Floating Social Shareは、縦型のソーシャルシェアボタンを実装することができるjQueryプラグインです。カウンター付き(付いてないボタンもあり)なので、その記事がどのくらいシェアされているかすぐ把握できるのがいいですね。

jQuery Floating Social Share

デモ

デモでは画面左側にフェイスブック、ツイッター、グーグル+の3つのソーシャルメディアをシェアするボタンが設置されています。下へスクロールしても、そのまま同じ位置に固定されるのでページ内のどの位置にいても手軽にシェアできます。

また、縦に並んでいるのでコンテンツのジャマにもなりませんね。設置できるソーシャルメディアのボタンは上記以外にも、Linkedin、Pinterest、Reddit、Tumblrなどがあり、これらはカウンター機能もつけることができます。

一方で、Email、StumbleUpon、Telegram、Whatsappといったものもありますが、これらはカウンター機能を有していません。

ともあれ、設置できるソーシャルシェアボタンにはたくさんの種類があるので、自分が必要とするボタンだけを選択して使用できるのがいいですね。

ちなみに、カウンターはオプションから表示・非表示を設定することが可能です。他にもいろんなオプションが用意されており、place、twitter_counter、buttons、title、url、text、text_title_case、description、media、popup_width、ppopup_height、extra_offsetという項目があります。

「place」でボタンを表示させる場所を指定することができます。top-left、content-left、content-right、top-rightといった値が用意されています。

オプションを用いることで多彩なカスタマイズができるので、シンプルながらも自分好みのソーシャルシェアボタンを設置したいという人は、ぜひ使われてみてはいかがでしょうか?

jQuery Floating Social Share

関連記事

  1. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  2. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  3. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  4. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  5. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  6. jqueryIntroLoader

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP