とっても便利な jQuery Socialbutton の twitter をハッシュタグに対応させた

各種ソーシャルボタンを一撃で出力できる超ベンリライブラリの jQuery Socialbutton を使わせてもらっているのですが、Twitter のハッシュタグに対応していませんでした。

ので、対応させちゃいました。

実装

他の属性と同じように、data-hashtags を出力させれば解決でした。

data-hashtags="foo,bar,baz"

とっても綺麗にできていたので、ちょっと追記するだけでできました。

diff

他のオプション同様、hashtags キーで渡します。複数のハッシュタグを指定する場合は、カンマ区切りで入力します。

$ diff -BbwE -u jquery.socialbutton-1.9.0.js  jquery.socialbutton-1.9.0.mod.js 
--- jquery.socialbutton-1.9.0.js  2012-06-04 19:24:12.000000000 +0900
+++ jquery.socialbutton-1.9.0.mod.js  2012-12-22 02:12:59.000000000 +0900
@@ -86,6 +86,7 @@
  *     text: 'tweet text',
  *     lang: 'ja',
  *     via: 'ishiiyoshinori',
+ *     hashtags: 'foo,bar,buz'
  *     related: 'twitter'
  * });
  * 
@@ -239,6 +240,7 @@
       text: '',
       lang: 'ja', // ja / en /de / fr / es
       via: '',
+      hashtags: '',
       related: ''
     },
     gree_sf: {
@@ -529,6 +531,7 @@
   var text = options.text || defaults.text;
   var lang = options.lang || defaults.lang;
   var via = options.via || defaults.via;
+  var hashtags = options.hashtags || defaults.hashtags;
   var related = options.related || defaults.related;

   var attr = merge_attributes({
@@ -537,6 +540,7 @@
     'data-text': text,
     'data-lang': lang,
     'data-via': via,
+    'data-hashtags': hashtags,
     'data-related': related
   });

オプションの text へハッシュタグを含ませるやり方でならソースの修正をせずに利用できますが、text は自動的に取ってくるように任せちゃいたかったので。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする