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. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  2. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  3. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  4. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

  5. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  6. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

最近の記事

  1. 三菱ブレッドオーブン
  2. 浜離宮恩賜庭園

アーカイブ

PAGE TOP