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. TextFit

    JavaScript

    テキストをコンテナ幅にすばやくフィットさせる「TextFit」

    TextFitは、一行または複数行のテキストをコンテナ幅(オプションに…

  2. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  3. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  4. jQuery Magnify

    JavaScript

    シンプルで軽量なズーム機能を実装できる「jQuery Magnify」

    jQuery Magnifyはシンプルで軽量なズーム機能を実装すること…

  5. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  6. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

最近の記事

  1. メリーストロベリーケーキフラペチーノ
  2. 赤いなつめ

アーカイブ

PAGE TOP