の まとめ

デジタルガジェットレビュー、Mac ・ iPhone・ WordPressのコード、食レポなどをまとめて比較してお届けします。

SNSのシェアボタンをまとめて作る方法

      2015/10/08

Twitter、Facebook、はてブ、Google+でシェアするためのボタンを、さくっと作りたい!と思ってツールを作りました。

簡単3ステップ!です。

使う前の注意点

2015年10月よりTwitterのツイートボタンからシェア数を非表示にする、という内容がアナウンスされています。

このツールを使っている一部のサイトでも、表示がおかしくなっているところもあります。しかし「ツイートボタンのリニューアルは10月1日からではない……詳細は来週、公式ブログでアナウンス予定 -INTERNET Watch」という記事もあります。

現時点では様子見とし、Twitterのシェア数に関する仕様が確定したら、修正していきたいと思います。

追記

Twitterから、公式見解がでました。最大、2015年11月20日まで使えそうです。

持続的なプラットフォームのための難しい決断 | Twitter Blogs

使い方

まずはSNSボタン作成ツールにアクセスします。
sns1

SNSボタンを作りたいページのURLをhttp:またはhttps:から入力し、送信をクリックします。

SNS2

じゃーん、完成!ソースをコピーして、ボタンを付けたい位置にペーストします。

SNS

まとめ

ここでは、URLを入力するだけでSNSボタンを作成するツールを紹介しました。

選択肢を削って、シンプルに仕上げてあるので、ここから手を加えて使ってみてもいいかもしれません。

ぜひご利用ください。

追記

Twitterのシェア数が表示されない、というのは、いまさらですがインパクトがある出来事かもしれません。

ツイート数が多ければ「盛り上がってる感」がでます。いわば、記事のバズ具合を判断する指標の1つです。

また僕の場合、シェアされる記事の9割は、Twitterです。Facebookやはてブの数は、たいしたことはありません。となると、そもそも全体的に数字を出す必要がないかもしれません。

 

 

 - JS,PHP,CSS

336-280

  関連記事

【初心者向け】簡単・おすすめ「jQuery」と「bxslider」によるスライドショーの設定方法

JavaScriptで簡単にスライドショーを実装するなら「jQuery」と「bx …

no image
【JavaScript】getElementByIdでゲットした値を数値にするにはparseIntを使う

JavaScriptの個人的なメモです。 getElementByIdでゲットし …

【Webアプリ】iPhoneで画面の向きを検知したい|スマホの傾きを検知して表示する方法

Webページでスマホの傾きを検知する方法を紹介します。 手順 1.HEADタグ内 …

【CSS】paddingとmarginの違いまとめ

paddingとmarginの違いについてまとめます。 概要 要素:文字列「サン …

解像度
Photoshopでjpgのdpiを指定して書き出す方法とjpgの解像度を調べる方法

商標登録するイメージファイルを作る必要がありjpgファイルにdpiを指定すること …