<script>
 $(function() {
  $('.b-twitter').snsbutton('twitterShare', 
   { img: 'images/twitter-x-434x0w.webp', alt: 'このページの情報を X で共有する',
     width: '32', height: '32' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。
  ふきだし表示されます（以下同様）。

• width：ソーシャルボタン画像のwidth。デフォルト値は25(px)。（以下同様）
• height：ソーシャルボタン画像のheight。デフォルト値は25(px)。（以下同様）
• Twitter Card プレビューを行うことを薦めます。

<script>
 $(function() {
  $('.b-facebook').snsbutton('facebookShare',{
     img: 'images/Facebook.png', alt: 'このページの情報を Facebook で共有する',
     url: 'http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php',
     button: 'right'   
  });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文
• url：ボタン設置ページ以外のページを使いたいときに指定する。ここのURLはデモ用のサンプルページ。
• button：ボタンのスタイル。'top', 'right' または 'nocount'を指定。'top'は、カウントをボタンの上に配置する。
  'right'は、カウントをボタンの右に配置する。 'nocount'または省略のときは、カウントを表示しない。
• カウント付きボタンの設置方法詳細は、ここを参照

<script>
 $(function() {
$('.b-google').snsbutton('googlePlus1', { img: 'images/google_plus.png', 
   alt: 'このページの情報を Google+1 で共有する' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文

<script>
 $(function() {
  $('.b-hatena').snsbutton('hatenaBookmark', { img: 'images/hatena-bookmark.png', 
     alt: 'このページの情報を はてなブックマーク に追加する',
     url: 'http://urbanqee.com/webutil/photo/shadowbox/photo-shadowbox.html', button: 'top' });
  $('.b-hatena-ent').snsbutton('hatenaBookmark', { img: 'images/hatena-bookmark.png', 
    alt: 'このページのブックマークのエントリー状況を見る',
    url: 'http://urbanqee.com/webutil/sns/sns-socialbutton-customize.html', mode: 'entry' });
  });
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文
• url：ボタン設置ページ以外のページを使いたいときに指定する。ここのURLはデモ用のサンプルページ。
• button：ボタンのスタイル。'top', 'right' または 'nocount'を指定。'top'は、カウントをボタンの上に配置する。
  'right'は、カウントをボタンの右に配置する。 'nocount'または省略のときは、カウントを表示しない。
• mode：シェアーモード指定。add または entry を指定。省略時はadd。add は、ブックマークをはてなに追加するボタン。
  entry は、ブックマークのはてなのエントリー状況を確認するボタン。
  これは、Harenaのみのパラメータです。

<script>
 $(function() {
 $('.b-pocket').snsbutton('pocketButton', { img: 'images/getpocket.png', 
      alt: 'このページの情報を pocket に保存する' });
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文

<script>
 $(function() {
 $('.b-mixi').snsbutton('mixiCheck', { img: 'images/mixi-check.gif', 
    alt: 'このページの情報を mixi で共有する', key: 'mixi99999' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

• key: mixiチェックキー。
  mixiチェックキーの取得は、パートナー登録（個人の方）

<script>
 $(function() {
   $('.b-tumblr').snsbutton('tumblrShare', { img: 'images/tumblr-logo-whiteonblue-512.png', 
      alt: 'このページの情報を Tumblr で共有する'});

 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

<script>
 $(function() {
   $('.b-gree').snsbutton('greeSf', { img: 'images/gree-btn_logo_32.png', alt: 'このページの情報を GREE で共有する'});
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

<script>
 $(function() {
   $('.b-Pinterest').snsbutton('pinTerest', { img: 'images/pinterest3.png', 
     alt: 'このページの情報を Pinterest で共有する',
     media: 'http://urbanqee.com/webutil/photo/fancybox/demo/people/girl-pixabay-03.jpg' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。
• media：アイキャッチ画像（サムネイル）のURL

<script>
 $(function() {
   $('.b-feedly').snsbutton('feedlyRss', { img: 'images/feedly-follow-square-volume_2x.png', 
    alt: 'Feedly - RSSフィードを使用して、このページの情報を共有する',
    url: 'http://rssblog.ameba.jp/ske48official/rss20.xml' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

• url：RSSフィードURL。例はアメーバブログ。

<script>
 $(function() {
   $('.b-inoreader').snsbutton('inoreaderRss', { img: 'images/inoreader.png', 
      alt: 'Inoreader - RSSフィードを使用して、このページの情報を共有する',
      url: 'http://rssblog.ameba.jp/ske48official/rss20.xml' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

• url：RSSフィードURL。例はアメーバブログ。

<script>
 $(function() {
   $('.b-rss').snsbutton('rssFeed', { img: 'images/rss-Feed-icon_svg.png', 
       alt: 'RSSフィードを使用して、このページの情報を共有する',
       url: 'http://rssblog.ameba.jp/ske48official/rss20.xml' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

• url：RSSフィードURL。例はアメーバブログ。

<script>
 $(function() {
   var text = $('.entry-text').html();  //クラス名entry-textの要素の内容を取得（YouTube埋め込みコード）
   $('.b-ameba').snsbutton('amebaBlog', { img: 'images/ameba-icon_app.png', 
       alt: 'このページの情報を Amebaブログ にPOSTする',
       entrytext: text }); }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

• entrytext：アメーバブログにPOSTするデータ。例は、YouTube埋め込みコード。
  '0'のとき、ボタン設置ページURLとページtitleの内容。
  '0'以外のとき、設定された内容（HTMLタグも可）。

<script>
 $(function() {
 $('.b-evernote').snsbutton('evernoteClip', { img: 'images/evernote.png', 
    alt: 'このページの情報を evernote で共有する' });
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

<script>
 $(function() {
  $('.b-buffer').snsbutton('buffer', 
   { img: 'images/buffer174840.png', alt: 'このページの情報を Buffer で共有する',
   button: "right",  url: 'https://www.google.com/', user: '@googlejapan' 
    });
 }); 
</script>

• img ： ソーシャルボタンの画像URL（必須）
• alt ： ソーシャルボタン画像の説明文。ボタンマウスオーバー時にふきだし表示さる。 （任意）
• width ： ソーシャルボタン画像のwidth。デフォルト値は25(px)。
• height ： ソーシャルボタン画像のheight。デフォルト値は25(px)。
• button ： ボタンのスタイル。'top', 'right' または 'nocount'を指定。（任意）
  'top'は、カウントをボタンの上に配置する。'right'は、カウントをボタンの右に配置する。
  'nocount'または省略のときは、カウントを表示しない。
• url ： 共有するページのurl。省略時は、ソーシャルボタン設置ページのurl。
• user : 共有するTwitterユーザ名 （推奨）。
• image : 共有するイメージ画像のURL（任意）
• text : 共有ページ（ボタン設置ページ）のタイトル（推奨）。 省略時は、ボタン設置ページのタイトル名を自動設定。

<script>
 $(function() {
   $('.b-goo-blog').snsbutton('gooBlog', { img: 'images/gooblog.jpg', 
       alt: 'このページの情報を gooブログ にPOSTする'
     }); 
 }); 
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

<script>
 $(function() {
    $('.b-kinkedin').snsbutton('linkedIn', { img: 'images/in/In-Black-54px-R.png', 
       alt: 'このページの情報を カウント付きLinkedin で共有する',
       width: '64', height: '64' });
  });
</script>

• img：ソーシャルボタンの画像URL
• alt：ソーシャルボタン画像の説明文。

<script>
 $(function() {
  $('.ob-twitter').socialbutton('twitter', { via: 'XXXXX' });
 }); 
</script>

• via：ツイート画面に表示したいアカウント名。ツイート画面に「@XXXXXさんから」と表示される。省略可。
  via省略時の書き方 ： $('.ob-twitter').socialbutton('twitter');
• 共有するページのURLは、ボタンを設置したページのURLが設定される（デフォルト）。（以下同様）
• Twitter Card プレビューを行うことを薦めます。

<script>
 $(function() {
    $('.ob-facebooks').socialbutton('facebook_share', { button: 'box_count',size: 'large' });
 }); 
</script>

• button：ボタンのレイアウト指定。値は、button_count、box_count または button 。省略時は、button_count。
  button_countのとき、シェアのカウント数を右にボタン内の右に配置する。box_countのとき、カウント数をボタンの上に配置する。
  buttonのとき、カウント数を表示しない。
• size：ボタンサイズの指定。値は、small または large。省略時は small。
• mobile：

<script>
 $(function() {
   // like いいね！ボタン
   $('.ob-facebookl-st').socialbutton('facebook_like', { button: 'standard' });
   $('.ob-facebookl-boc').socialbutton('facebook_like',{ button: 'box_count' });
   $('.ob-facebookl-buc').socialbutton('facebook_like',{ button: 'button_count' });
   $('.ob-facebookl-b').socialbutton('facebook_like',  { button: 'button' });
   // recommend おすすめボタン
   $('.ob-facebookl-re').socialbutton('facebook_like',  { button: 'button_count',action: 'recommend' });
   // いいね！とともにシェアボタン
   $('.ob-facebookl-sh').socialbutton('facebook_like',  { button: 'button_count',share: 'yes' });
 }); 
</script>

• button：ボタンのレイアウト指定。値は、standard, button_count、box_count または button 。省略時は、button_count。
  button_countのとき、シェアのカウント数を右にボタン内の右に配置する。box_countのとき、カウント数をボタンの上に配置する。
  buttonのとき、カウント数を表示しない。
• action：いいね！(like) または、おすすめ(recommend)ボタンを指定する。
• share：いいね！と共にシェアボタンを表示するときは yes を指定する。no を指定するか、省略するといいね！ボタンのみ表示する。

<script>
 $(function() {
   $('.ob-linelike').socialbutton('linelike',{lineid: '@line12345',share: 'yes' }); 
 }); 
</script>

• lineid：友だち追加ボタンのオプション。公式アカウントやLINE@アカウントをお持ちの方のみ友だち追加オプションを利用できる。
  LINE IDを指定する。
• share：ボタンのスタイル。いいね！と共にシェアボタンを表示するときは、yes を指定する。いいね！ボタンだけのときは、no を指定するか省略する。
• share/lineidの組み合わせにより生成されるボタン（カウント数付き）

  share→ lineid↓	いいねと共にシェアあり ( yes )	いいねと共にシェアなし ( no )
  友だち追加ボタンのオプションなし ( lineid 省略）
  友だち追加ボタンのオプションあり ( lineid 指定）

<script>
 $(function() {
   $('.ob-lineit').socialbutton('lineit',{button: 'e' }); 
 }); 
</script>

• button：ボタンタイプを選択する。値は、a, b, c, d または e (下図、左からa, b, c, d, e）。
  

<script>
 $(function() {
     $('.ob-googleplus1').socialbutton('google_plus1', { button: 'tall' });
 }); 
</script>

• button：ボタンの大きさの指定。値は、small、medium、standard、または tall。省略時は、standard。
  大きさは、small < medium < standard < tall 。
• count：ボタンのカウント数などの注釈のスタイル。balloon、inline または none。省略時は、balloon。
  

  button→ count↓	small	medium	standard	tall
  balloon	カウント数がボタンの右に付く	同左	同左	カウント数がボタンの上に付く
  inline	カウント数と注釈分がボタンの右に付く	同左	同左	同左
  none	ボタンのみ	同左	同左	同左

<script>
 $(function() {
     $('.ob-hatena').socialbutton('hatena', { layout: 'vertical-large' });
 }); 
</script>

• layout：ボタンのレイアウト名称を指定する。ボタンのレイアウトは８種類あり、 それらのレイアウト名称は、basic-label-counter, basic-label, basic-counter, basic, touch-counter, touch, vertical-normal および vertical-large です。
  ボタンのスタイルは上のデモで確認できる。
• ここの設置ボタンは、entryタイプです（ブックマークのエントリーを確認）。 addタイプ（ブックマーク追加タイプ）のボタンは デザインボタンの設置方法を参照してください。

<script>
 $(function() {
     $('.ob-pocket').socialbutton('pocket', { button: 'horizontal' });
 }); 
</script>

• button：ボタンの種類を指定。指定する値は、none, horizontal または vertical です。none のとき、カウント数は非表示です。
  

<script>
 $(function() {
     $('.ob-mixicheck').socialbutton('mixi_check', { button: '4', key: 'abcdef1234567890', count: 'yes' });
 }); 
</script>

• key：mixiチェックキーの指定（必須）。 mixiチェックキーは、mixiサイトでユーザ登録して取得。
• button：ボタンの種類を指定。ボタンは６種類あり、指定する値は、1, 2, 3, 4, 5 または 6 です（下画像参照）。
  省略時または1～6以外の値のときは、1 とする。
  ▽ ボタンの種類
  1：  2：  3：  4：  5：  6：
• count：チェック数を表示する、しないの指定。yesまたは省略のときは、チェック数を表示し、値が、no のときはチェック数を表示しない。
  チェック数表示例：
• comment：ポップアップウィンドウのコメント入力フォームにあらかじめ入力しておきたい文字列を指定。 省略可。

<script>
 $(function() {
  $('.ob-tumblrpost').socialbutton('tumblr_post', { count: 'top', color: 'white' });
 }); 
</script>

• button：カウント数の配置の指定。 カウント数をボタンの右に配置するときは right、 ボタンの右に配置するときは top、 カウント数を配置しないときは none をしてする。
• color：ボタンの背景色の指定。black, blue または white を指定する。

<script>
 $(function() {
   $('.ob-tumblrfollow1').socialbutton('tumblr_follow', { blog: 'Ameba', width: '80' });             //左上
   $('.ob-tumblrfollow2').socialbutton('tumblr_follow', { blog: 'Ameba', width: '80', text: 'no' }); //右上
 }); 
</script>

• blog：フォローするブログの名前、キーワード、ハッシュタグなどのテキスト文字列を指定する。（必須）
  ボタンをクリックしたときのTumblrウィンド内に、テキスト文字列が表示される。
• text：ボタンの上に、blogパラメータのテキストを表示するか、しないかを指定。値が、yes のときは表示し、noのときは表示しない('フォロー´文字が表示される）。省略時は yes。
• color：ボタンの背景色の指定。black, blue または white を指定する。
• width：ボタンの長さ(px)。省略時は、200 。blogパラメータのテキストの長さに応じ、調整するとよい。
• height：ボタンの長さ(px)。省略時は、20 。

<script>
 $(function() {
   $('.ob-greesf').socialbutton('gree_sf', { type: 3, height: 16 });
 }); 
</script>

• button:：ボタンの種類（ID）を指定（必須）。0： いいね！、1： 気になる、2：オススメ、3：シェア、4： ロゴ 。
  
• height：ボタンの高さ(px)。ボタンの種類（0～4）と合わせて、ボタンの高さを指定し、設置するボタンを選ぶ 。（下表参照）
  指定する値は、ボタンの種類が0, 1, 3の場合、16, 20 または 23 （省略時は 20）。ボタンの種類が4 の場合、16, 22 または 32（省略時は 22）。
  
• ボタンの長さ(width)は、ボタンの種類と高さの指定により自動調整される。（下表参照）

  表 GREEのボタン画像（ボタンの種類と高さの組み合わせ）

  ID	height→ 種類↓	16	20	23
  0	いいね！	btn_iine_16.png 61x16	btn_iine_20.png 70x20	btn_iine_23.png 80x23
  1	気になる	btn_kininaru_16.png 66x16	btn_kininaru_20.png 75x20	btn_kininaru_23.png 85x23
  2	オススメ	btn_osusume_16.png 66x16	btn_osusume_20.png 75x20	btn_osusume_23.png 85x23
  3	シェア	btn_share_16.png 56x16	btn_share_20.png 65x20	btn_share_23.png 75x23
  ID	height→ 種類↓	16	22	32
  4	ロゴ	btn_logo_16.png 16x16	btn_logo_22.png 21x22	btn_logo_32.png 32x32

<script>
 $(function() {
   // 複数 pin タイプ
   $('.ob-pintereatany').socialbutton('pinterest');
   // １ pin タイプ
   $('.ob-pintereatone').socialbutton('pinterest, {pin: 'one',
     media: 'http://urbanqee.com/webutil/photo/fancybox/demo/people/girl-pixabay-03s.jpg' });
 }); 
</script>

• pin：保存するピンのタイプを指定。値は、any または one 。省略時は、any 。
  anyのときは、複数のピン（画像）から保存するピンを選択できる。oneときは、ピンは特定の一つの画像。
• style：ボタンのスタイルを指定。省略時は、長方形。丸いボタンのときは、round を指定する。
• size：ボタンの大きさを指定。省略時は、小さなボタン。大きなボタンのときは、large を指定する。ボタンのサイズは下表参照。
  

  style→ size↓	省略（長方）	round（丸）
  large	64x28	32x32
  省略(小）	46x20	16x16

• count: pinパラメータが one の場合に、カウント数の表示位置の指定。 カウント数の配置の指定。 カウント数をボタンの右に配置するときは right、 ボタンの上に配置するときは top、 カウント数を配置しないときは none を指定する。省略時は、right 。
• media：アイキャッチ画像（サムネイル）のURL（pinパラメータが one の場合、必須）。
• description：説明文。省略時は 'Pinterest pin save button'。

<script>
 $(function() {
   $('.ob-linkedin').socialbutton('linkedin');
  }); 
</script>

• count: カウント数の配置の指定。 カウント数をボタンの右に配置するときは right、 ボタンの上に配置するときは top、 カウント数を配置しないときは no を指定する。 省略時は、right 。

<script>
 $(function() {
   $('.ob-evernote').socialbutton('evernote',{button: "8"});
  }); 
</script>

• button：ボタンの種類を、1 から 12 のいずれかの値で指定。指定する値とボタンの対応は下表を参照。

  1	2	3	4	5	6	7	8	9	10	11	12

• IEでは表示できません
  

<script>
 $(function() {
   $('.ob-feedlyfollow').socialbutton('feedly_rss',{ url: "http://rssblog.ameba.jp/ske48official/rss20.xml",
       button: "1" }); 
</script>

• url：RSSフィードURL。例はアメーバブログ。
• button：ボタンの種類について、1 から 16 のいずれかを指定。
  

  表 buttonパラメータのボタン画像と指定値対応表（並び順 Feedlyサイトに同じ）

  ボタンと指定値
  1	3	5	7	8	9	10
  				11	12	13
  2	4	6		14	15	16

<script>
 $(function() {
   $('.ob-buffer').socialbutton('buffer',{ button: 'h', 
                        url: 'https://www3.nhk.or.jp/news/',
                        text: 'ハロー！',            // Tweet text 
                        user: 'nhk_news',        // Twitter username to mention
                        image: 'http://urbanqee.com/webutil/photo/images/natur/natur017.jpg'
      });
</script>

• button：ボタンのスタイル。v, h または、v/h以外の値を指定。（任意）
  vはカウントをボタンの上(vertical)に表示し、hはカウントをボタンの右(horizontal)に表示し、v/h以外はカウントを表示しない(no count)。
• text:ボタンを表示したページの説明文やタイトルなど。省略の場合は、ボタンを表示したページのタイトルを自動設定。
• url:ボタンを表示したページのURL。省略の場合は、ボタンを表示したページのURLを自動設定。
• user:言及するまたは関連するTwitterユーザ名（推奨）。 先頭の@マークは不要。
• image:イメージ画像のURL（省略可）