AddToAnyボタンを表示する

addtoany1.png

AddToAnyはAddThisと同じように、複数のソーシャルブックマーク、シェアサービスへの登録ボタンを自分のサイトにまとめて設置できるサービスです。

基本的なコード

コードは、「AddToAny - Share Button, Email Button, Subscribe Button」で取得できます。

基本的なコードは、以下のようなものです。

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

ページ名を「DOBON.NET」、URLを「http://dobon.net/」、言語を日本語とした時のコードは、以下のようになります。

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdobon.net%2F&amp;linkname=DOBON.NET"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "DOBON.NET";
a2a_config.linkurl = "http://dobon.net/";
a2a_config.locale = "ja";
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

JavaScriptを使用しない

JavaScriptを使用しない時のコードは、以下のようになります。なお、ページ名を「DOBON.NET」、URLを「http://dobon.net/」としています。

<!-- AddToAny BEGIN -->
<a href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdobon.net%2F&amp;linkname=DOBON.NET"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<!-- AddToAny END -->

リストにないサービスを自分で追加する

リストにないサービスを自分で加える事もできます。

以下のコードでは、ページ名を「DOBON.NET」、URLを「http://dobon.net/」にして、さらにサービスにYahoo! JAPAN、livedoor、GREE、Buzzurl、イザ!、newsing、JUGEMを加えてみました。

addtoany2.png
<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdobon.net%2F&amp;linkname=DOBON.NET"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "DOBON.NET";
a2a_config.linkurl = "http://dobon.net/";
a2a_config.locale = "ja";
a2a_config.custom_services = [
["Y! JAPAN","http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?u=A2A_LINKURL_ENC&t=A2A_LINKNAME_ENC;ei=UTF-8","http://i.yimg.jp/images/sicons/ybm16.gif"],
["livedoor","http://clip.livedoor.com/clip/add?link=A2A_LINKURL_ENC&title=A2A_LINKNAME_ENC","http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif"],
["GREE","http://gree.jp/?mode=share&act=write&url=A2A_LINKURL_ENC&button_type=4&button_size=16","http://i.gree.jp/img/share/button/btn_logo_16.png"],
["Buzzurl","http://buzzurl.jp/config/add/confirm?url=A2A_LINKURL_ENC&title=A2A_LINKNAME_ENC","http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_08.gif"],
["newsing","http://newsing.jp/nbutton?url=A2A_LINKURL_ENC&title=A2A_LINKNAME_ENC","http://image.newsing.jp/common/images/newsingit/newsingit_s.gif"],
["イザ!","http://www.iza.ne.jp/bookmark/add/regist/back/A2A_LINKURL_ENC","http://www.iza.ne.jp/images/common/bookmark_icon02.gif"],
["JUGEM","http://b.jugem.jp/posturl=A2A_LINKURL_ENC&title=A2A_LINKNAME_ENC","http://imaging.jugem.jp/icon/jugembookmark_add.gif"]
];
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

コメント

  • mixiの追加方法はお分かりになられますでしょうか? -- 2012-01-04 (水) 10:18:50
  • デベロッパーサイトを見て、URLの部分を、http://mixi.jp/share.pl?u=A2A_LINKURL_ENC としたのですが、「データがありません」でシェア画面に繋がりませんでした。もしお分かりでしたらご教示下さい。ありがとうございます。 -- maizu 2012-01-04 (水) 10:20:24
  • 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)」によると、「&k=<data-key>」が必要のようです。 -- DOBON! 2012-01-06 (金) 19:11:35
  • ありがとうございます!取得にはデベロッパー登録が必要なんですね。。 -- maizu 2012-01-09 (月) 04:59:41


ページ情報
[ トップ ]   [ 編集 | 凍結 | 差分 | バックアップ | 添付 | 複製 | 名前変更 | リロード ]   [ 新規 | 子ページ作成 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]