Bloggerにシェアボタンを設置!忍者おまとめボタンが便利です。



忍者おまとめボタンとは?


忍者おまとめボタンは、株式会社サムライファクトリーが提供している忍者ツールズの1つです。

忍者ツールズアカウントに登録すれば誰でも使えます。

忍者おまとめボタンを使えば、共有ボタンが簡単に作れます。難しく考えて作る必要がありません。表示したいボタンを選ぶだけで簡単に作れてしまうのが忍者おまとめボタンです。

自分で1からシェアボタンを作れば、自然とコードが長くなってしまいます。コードが読めない人や、読むのが苦手な人にとって長いコードは億劫になると思います。

コードが間違っていても気が付かないかもしれません。

でも、忍者おまとめボタンならコードが読めなくても使えます。忍者おまとめボタンで作ったシェアボタンのコードはコピー&貼り付けで使うので間違うことがありません。

自分で、シェアボタンが作れないときは、忍者おまとめボタンに頼りましょう。


忍者おまとめボタンで作れる種類は?


忍者おまとめボタンで作れるのはソーシャル・ブックマーク・あとで読む・RSS・メールのボタンです。

TwitterやFacebookなどのソーシャルボタンは問題なく作れます。作れる種類は豊富なので、望んでいるものは高確率で作れると思います。

同じ意味のボタンでもデザインが複数あるので、いろいろなボタンを自分なりに組み合わせて使うことも可能です。


忍者おまとめボタンを作る


すでに、忍者ツールズアカウントに登録してあることを前提でお話しします。登録していない場合は忍者ツールズアカウントに登録してください。

新しいサービスを追加から、忍者おまとめボタンを追加してください。追加しないと使えません。

新規ボタンを追加を選べば、設置するWebサイトは?という質問が出てくるので、自分が使用しているBloggerを選びましょう。

ボタンを選ぶときは、おすすめセットから選んでも良いのですが、自分の必要なボタンや好きなボタンのデザインを選びたいときは、自分でカスタムして選ぶを選択してください。

自分でカスタムするのは簡単です。必要なボタンを選ぶだけなので難しくないです。

ボタンが選べたら、コードを取得してください。コードが取得できたらボタンは完成です。あとはブログに貼りつけるだけです。


Bloggerに設置する方法


Bloggerに設置する方法は、忍者おまとめボタンで作ったコードをコピー&貼り付けするだけです。

貼り付ける方法は、レイアウト画面で、ガジェットを追加を選択して、HTML/JavaScript を選んでください。

HTML/JavaScriptのコンテンツに忍者おまとめボタンのコードを貼り付けて保存したら完成です。これで、シェアボタンを設置できました。

HTML/JavaScriptのガジェットは、好きなところに動かして自分の納得する場所に設置しましょう。

シェアボタンは、記事下に設定しているブログが多いのです。Bloggerだとメインのブログの投稿の下に貼りつければホームの下になりますが、記事の下に設置することができます。

もし、ホームより上の記事のすぐ後に貼りつけたい場合は、レイアウトからHTMLを編集したら、貼り付けることが可能です。


スマホ表示のオーバーレイとは?


スマホ表示で、オーバレイというものがあります。

オーバレイとは、スマホを下に移動させたらボタンが一緒に動くということです。スマホでサイトを見ているときに下にスクロールしたら広告が一緒に下がってくるということが起こると思います。それの、シェアボタン版です。

オーバーレイがどのようなものか、わからないときは一度、シェアボタンをブログに設置して、スマホから見てください。そうすれば、どのようなものかわかります。

Bloggerで、表示されるのかされないのかは謎です。私の場合はオーバーレイ設定にしてもオーバーレイにならなかったです。

なので、Bloggerでは表示されないのかもしれません。

ですが、表示されては困るため念には念をということで無効にしています。

オーバーレイは、スクロールされてもシェアボタンを表示できる一方、記事が読みにくくなる場合もあるので注意してください。
おすすめ