の まとめ

デジタルガジェットレビュー、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

  関連記事

【Webアプリ】iPhoneの画面に合わせて表示したい|画面サイズに合わせてコンテンツを表示する方法

PC向けにつくったWebページを、iPhoneなどのスマホで見たときに画面サイズ …

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

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

no image
CSSに関する超個人的なメモ

CSSに関する個人的なメモです。 何回も確認したり、よく使うコードをメモしておき …

ulタグ、liタグを使った横並びメニューの作成方法

はじめに ヘッダーなどに使う横並びのメニュー。 HTMLの構造的にもulタグ、l …

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

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