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. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  2. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  3. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  4. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

  5. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

最近の記事

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

Facebookページ

PAGE TOP