サイトアイコン たまプラ通信

忍者ツールズで「いいね!」ボタンなどをまとめて設置!

忍者ツールズ、忍者何とかという名前で便利なサービスがたくさんあるのは知っていましたが、このうち忍者おまとめボタンというサービスをこのブログに導入してみることにしました。

ご存じのように、この「なおさん亭::別館」がお世話になっているココログは他のSNSとの連携に消極的で、せいぜいTwitter連携ボタンを置けるくらいです。Facebookの「いいね!」ボタンなどは未だに標準ではサービスされていません(その替わり、ココログ独自の「いいね!」ボタンがあって紛らわしい)。

この「なおさん亭::別館」の場合、自前でテンプレートをカスタマイズして(ちなみにココログ・プロのみ)、Facebook、はてブ、Google+などのボタンを置いてきましたが、もっと簡単にやってしまおうというわけです。

方法は非常に簡単です。まず、忍者ツールズのサイトにアクセスします。冒頭の画面になります。

忍者ツールズ|ホームページ ブログ アクセス解析 カウンター メールフォーム

左にある「忍者おまとめボタン」をクリック。基本は、ボタンのタイプが選べる(手裏剣アイコンから選択、各SNSのアイコンのみ、カウント付きアイコン)ので好きなものを選びます。

「スタイルをもっと表示する」をクリックすると、さらにバリエーションが増えますが、私は「設置ボタンを1つずつ選択して作成」をオススメします。

忍者ツールズアカウントがない人は、ここで作成を求められます。Google、facebook、Twitterのアカウントを使って、忍者ツールズアカウントを作成できます。そしてログイン!

ログインすると、設置するブログサービスの種類を選択します。

表示されているブログを使っている人は、単純に選べばよいのです。ココログは表示されていませんが、MovableTypeを選べばOKです。ココログは、MovableType系のTypePadベースですので。

設置するボタンを1個1個選んでいきます。

下の方には、プレビューが出ています。ここで、並び換えや削除などができます。

右の方にある「プレビュー&コードを取得する」をクリックすると、ブログに埋め込むべきコードが取得できます。揃え方や方向なども簡単にカスタマイズできます。

「コードをコピーする」でクリップボードに転送、ココログテンプレートの適切な場所にコードを置いて下さい(このへんの詳細は割愛します)。

なお、忍者おまとめボタンでは、ボタンのセットに名前を付けて保存できます。また、すでに設置したボタンも、あとで設定を編集すればコードはそのままでカスタマイズOKです。これは便利だ。

こんな感じで表示。

ちょっと隙間感が気になりますが、手間を考えれば上出来です。左側にシェアボタン、右側にカウントボタンを置いてみました。

こういうのはブログサービス側で対応して欲しいのですが、そうもいかない場合には便利ですね。解析機能も付いているので、どのSNSとの相性がよいか?みたいなことを知りたいときにも便利です。

それよりも、多くの人に見てもらう方が大事なんですけどね。

2013/4/20追記:このボタンは現在設置を取りやめています。

モバイルバージョンを終了