2秒でできた！twitterボタンでシェアされたときに＠（自分あて）メンションを付ける方法

twitter初心者のneco（@necooooooo22）です。

先日いつも拝読させていただいている三十路男さんの記事
「【エゴサーチ】ブログ記事をTwitterでシェアしてくれた人を見逃さない方法」を読んで、そうそう私も見逃したくないよね～と思っていたのですが、さすがに三十路男さんのように時間をかけてエゴサーチをする余裕がないので、せめて記事からtwitterボタンでシェアしてくれた分だけは見逃さずにお礼を申し上げたいと常々思っておりました。

そして、気づいたのです・・・。
いろんなブロガーさんの記事からtwitterシェアボタンを押すとツイート内容に「@ユーザー名さんから」って自分あてメンションが飛ぶ仕様になっていることに！！！

この記事のもくじ

1 twitterボタンでシェア時に＠（自分あて）メンションを付けたい
2 twitterボタンでシェア時に＠（自分あて）メンションを付ける方法
3 @ユーザー名メンション入りツイートできた

twitterボタンでシェア時に＠（自分あて）メンションを付けたい

twitter活用初心者の私は、目からうろこの仕様です。
@ユーザー名メンションどうやったらつけられるんだろう！と調べた結果、2秒で実装できました^^。

やりたかったのはこれ。
twitterシェアボタンを押すと、記事ツイートの最後に『@necooooooo22さんから』って自分あてメンションを入れたい。
ただこれだけ。

twitterボタンでシェア時に＠（自分あて）メンションを付ける方法

やり方はいたってシンプルでした^^。

シェアボタンのコードに以下の1行を加えるだけで完了。ほんとに2秒で完了です。

data-via="ユーザー名"

1	data-via="ユーザー名"

ユーザー名の部分には@は付けずに入力。
私の場合はdata-via=”necooooooo22″とだけ入れます。

私はSNSボタンは今のところsharebarというプラグインを使って出しているのですが、その場合はツイッターボタンコードはこちら。

PC用ボックスボタン

<a class="twitter-share-button" href="https://twitter.com/share" data-count="vertical" data-via="ユーザー名">Tweet</a><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

<a class="twitter-share-button" href="https://twitter.com/share" data-count="vertical" data-via="ユーザー名">Tweet</a><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

スマホ用ミニボタン

<a class="twitter-share-button" href="https://twitter.com/share" data-via="ユーザー名">Tweet</a><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

<a class="twitter-share-button" href="https://twitter.com/share" data-via="ユーザー名">Tweet</a><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

@ユーザー名メンション入りツイートできた

自分でやったらちゃんとできていました^^。

【更新しました】2秒でできた！twitterボタンでシェアされたときに＠（自分あて）メンションを付ける方法 | スキコトログ http://t.co/5s7qIg5vaj @necooooooo22さんから
— necooooooo (@necooooooo22) 2015, 7月 22

シェアボタンのコードの種類やプラグインで出しているかどうかなどによって若干違いますが、おそらくどれも簡単に実装できると思います^^。
これで記事からtwitterシェアしてもらったときに見逃す確率が減ったはず！

SNSボタンはもう少し最適化していかないといけないなので、@自分あてメンションを入れ忘れないように備忘録的な記事でした。

今日も最後までお読みいただきありがとうございました！

MINI Suki Koto Log

twitterってできた直後のメンテナンス画面が猫画像だったんだけど、今もそうなのかな？