Mach3.laBlog

SNSのシェアボタンのリンクを挿入するjQueryプラグイン

この記事は賞味期限切れです。(更新から1年が経過しています)

SNSのシェアボタンを作る為のURL&パラメータメモの内容をjQueryプラグインにしてみましたが、
コメントの方が多いんじゃないか?というぐらい薄い内容になりました。
好物のちょこざいなやつです。

SNSのシェアボタンのリンクを挿入するjQueryプラグイン

jqury.sharelink.js

Download:
mach3’s js-jquery-sharelink at master – GitHub

SNSのシェアページへのリンクをa要素に付加するだけの単純な内容です。
デフォルトでは現在表示されているページの情報を渡しますが、
オプションで指定すればURLとタイトルを指定する事も出来ます。

各サービスで提供されているコードを使いたくない時や、
調べるのがめんどくさい時に役立てて頂ければ。

対応しているサービス

  • Twitter
  • Facebook (Share)
  • Livedoorクリップ
  • はてなブックマーク
  • Delicious
  • Googleブックマーク
  • Yahoo!ブックマーク

簡単な例

クラス「share-twitter」がついたa要素に
Twitterのシェアページへのリンクを付加します。

$("a.share-twitter").sharelink("twitter");

オプションを用いる例

シェアしたいURLとタイトルを指定します。
オプションは、第二引数のオプジェクトで渡します。

$("a.share-twitter").sharelink("twitter",{
    url:"http://www.example.com",
    title:"EXAMPLE.com"
});

使用可能なオプション

url (string) = location.href
シェアしたいページのURL
title (string) = document.title
シェアしたいページのタイトル
target (string) = “_blank”
ターゲットウィンドウ
encode (boolean) = true
URLとタイトルをURLエンコードするかどうかのブール値

デモ


jQueryのプラグインでJSDocを使う時は
どのように書くのが正しいのだろうか…悩み中。

コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*