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. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  2. Block Slide

    JavaScript

    jQueryプラグインで印象的なエフェクトで魅せるモーダルウィンドウ「Block Slide」

    Block SlideというjQueryプラグインを使えば印象的なエフ…

  3. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  4. no-image

    JavaScript

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

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

  5. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  6. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP