ショップハンター

　今年より当ブログでご紹介している twitter/楽天プロフィール向けシェアタグ生成ツールですが、汎用性が増してきたため、このたび名称を「SNS シェアボタンリンク生成ツール」に変更しました。



　twitter タグや楽天プロフィールタグの存在理由がいまいちよく掴めない方向けに、こちらの記事に画像入りで補足を設けましたので、必要に応じてご参照いただけると幸いです。

　【補足情報】ブログのシェアボタンは訪問者のためにある


　対応 SNS を 6 種類に増やすとともに、デザイン、コード体系の大幅修正も行いましたので、より感覚的に利用できるようになっていると思います。


　2014/04/06 現在で対応している SNS（外部リンク）：
　twitter
　Google+
　楽天プロフィール
　Facebook
　Pinterest
　mixi


　初期のバージョンとは仕様が大幅に変更されているため、改めてこのツールの利用方法を掲載させていただきます。

SNS シェアボタンリンク生成ツールのつかいかた

1. 以下のアイコンをクリックして、SNS シェアボタンリンク生成ツールのページにアクセスします。

（新しいタブで開きます）


2. シェアしたいページのタイトルと URL を入力します。
入力例は以下のとおりです。

（クリックで原寸表示）


　ツイートタグを生成する場合、「楽天ブログ用のハッシュタグを追加する[#r_blog]」チェックボックスにチェックを付けると（デフォルト時は選択状態）、タグ生成時に楽天ブログ用のハッシュタグが追加されます。

3. ご希望の SNS アイコンをクリックすると、タグが生成されます。
たとえば、一番左の Twitter アイコンをクリックすると、結果は以下のようになります。

（クリックで原寸表示）

　
　ピンク色のボックスに生成されたタグが表示されます。
　マウスの左ボタンクリック一回でタグを全選択できますので、それをコピーしてブログや Web ページのお好みの位置に貼りつけてください。

　また、事前にタグ動作をプレビューすることもできます。
　上記の例では、「ツイートする」ボタンがプレビューエリアに表示されていますが、このボタンをクリックすると、以下のようなツイートページが表示されます。




　Pinterest タグをご利用の場合は、対象ページに掲載されている画像一覧を表示させるようにしました。
　これは、Pinterest 自身が画像シェアを目的とした SNS となっているためです。

カスタマイズ

1. 画像について

　生成されたタグの　<img src="http://clap.fc2.com/uploads/s/h/shophunter/ で始まるリンクは、シェアボタン用の画像リンクとなっています（アフィリエイトではありません）。

　このままご利用いただいても結構ですが、画像をご自身のオリジナルのものに変更したい場合は、別途画像をアップロードしていただき、上記の画像リンクをご自身のものに置き換えてご利用ください。


2. SNS シェアボタンリンク作成ツールをご自身のブログや Web ページ置きたい方

　以下のリンクをあなたのブログや Web ページのお好みの位置に貼り付けてご利用ください。
　赤色のテキスト部分は自由に変更できます。

<a href="http://clap.fc2.com/page/shophunter?url=http%3A%2F%2Fplaza.rakuten.co.jp%2Fshophunter%2Fdiary%2F201401050000%2F" target="_blank">SNS タグ生成</a>

　リンク中に shophunter という表記がございますが、これは当方の FC2 拍手アカウントです。
　アフィリエイトとは何ら関係はございませんのでご安心ください。

　短い URL をご希望の方はこちらをどうぞ。

<a href="http://goo.gl/bQtXg5" target="_blank">SNS タグ生成</a>



2014/04/16 追記：
　FC2 ブログ、JUGEM ブログ、Seesaa ブログをお使いの方向けに、SNS タグ自動認識コード設置ガイドを準備。

---

　今後も必要に応じて対応 SNS を増やしていく予定です。

　その他の注意事項は、SNS シェアボタンリンク作成ツールの方に記載しておりますので、併せてご覧いただければ幸いです。