ソーシャルブックマーク追加ボタンを一つにまとめる『AddClips』を使ってみた

管理人 @ 7月 14日 09:30am

wordpress, Webサービス

ブログに最近欠かせないアイテムの一つがソーシャルブックマーク追加ボタンですね。１クリックでソーシャルブックマークに追加できるので、便利です。

しかし、最近そのソーシャルブックマーク（以下ＳＢＭ）サービスが多くなり、全てのボタンを表示するとサイトの見栄えも悪くなってしまいますね。

そこで、MixClipの管理人さんが作った、ブックマーク追加ボタン統合アイテム「AddClips」を使ってみました。

利用方法

利用は簡単です。

まず、AddClipsで自分のサイト専用のブックマーク追加ボタンを表示するコードを生成します。

AddClipsにも書いてありますが、本当に最短１０秒でコードを発行してくれます。

そして、表示したい場所にそのコードを貼り付けます。

これで完了です。

実際にブックマークを追加するときは、ボタンをクリックすると、次のようなページが表示され、そこで自分が追加したブックマークサービスを選びます。

普段利用するブックマークサイトが一つの場合、「次回からは選択しない。」にチェックを入れると、次からそのブックマークが自動で選択されます。

ご利用はこちらからどうぞ。

AddClips

問題と修正

このサイトはWordPressで作られているので、WordPressの場合の問題です。

AddClipsで生成したコードを貼り付けると、次のような問題点がありました。

トップページのサイドバーに表示したAddClipsボタンから、ブックマークを追加しようとすると、一番最新の記事（同じくトップページに表示）をブックマークに追加してしまう。
タイトルがうまく反映されない。
例えば、
「Flickrをもっと楽しむための１２のサイト - Chocolate（チョコレート）」（記事タイトル　-　サイト名）
としたいのに、
「Flickrをもっと楽しむための１２のサイト」（記事タイトルのみ）

となってしまうなどの問題がありました。

そこでAddClipsで生成したコードの一部を以下のように変更しました。

<a href="http://www.addclips.org/addclips.php" onclick="AddClipsUrl = '<?php if (is_single() || is_page() || is_archive()) { the_permalink(); } else { bloginfo('home'); } ?>'; AddClipsTitle = '<?php if (is_single() || is_page() || is_archive()) { wp_title('',true); echo(' - '); bloginfo('name'); } else { bloginfo('name'); echo(' - '); bloginfo('description'); } ?>'; return AddClipsWindow(this);" target="_blank"><img src="http://img.addclips.org/addclips_0.gif" width="141" height="16" border="0" alt="ブックマークに追加する" style="vertical-align:middle;" /></a><script type="text/javascript">var AddClipsId = 'あなたのＩＤ';</script><script type="text/javascript" src="http://www.addclips.org/addclips.js"></script>

url部分と、title部分をページによって分けただけです。

同じような問題でお悩みの方がいたら、よければ参考にどうぞ。