「つぶやき」に「via」を付けよう


投稿日:2011年11月15日
  • 0
  • 0



ツイートボタンを押したときに自動で「via @~」と表示するように変更する

Twitterを使っているとよく「RT」という表記を見ます。
これはリツイートという意味。
誰々のつぶやきの引用ですよ」といった意味。

リツイートされると誰がどのような発言をしたのか分かるので、サイト運営には参考になる。
Twitterの検索が機能すれば必要ないが、現状Twitterの検索は全くと言っていいほど機能してないため、リツイートに頼っているといった現状だ。

そこで「RT」と同じ効果がある「via」を追加することにした。(某有名サイトで導入されてるから真似したくなったともいうw)
via」とは何ぞや?という方もいると思いますが、
~経由で」という意味の英語。らしいです。


設置方法

便利なことにツイートボタンを押すと自動で「via」が追加される機能が用意されているのでタグを追加するだけ。

<a href="http://twitter.com/share" data-count="horizontal" data-lang="en">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">// <![CDATA[

// ]]></script>

ここに「data-via=”Twitterのアカウント”」を追加するだけ。

<a href="http://twitter.com/share" data-via="AqwikiOxy" data-count="horizontal" data-lang="en">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">// <![CDATA[

// ]]></script>

と、するとしっかりと動作する。(URLが文字化けしてページの取得ができていなかった。)

その後「$_SERVER[‘REQUEST_URI’]」などを使った記述も試すが、なぜかUTF-8でURLを返してくれず、sjisに文字化けしてしまう。原因は…わかりませんでしたw



<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script><script type="text/javascript">// <![CDATA[
var url = document.URL;
document.write('<a href="http://twitter.com/share?text=' + encodeURIComponent(document.title) + '&url=' + encodeURIComponent(url) + '" class="twitter-share-button">');
// ]]></script>
Tweet

暫定的に以上のようにする。(これはviaを外したタイプ)


ここまで書いて、ふと考えた。Wikiの記事を引用するのであって、私個人の発言や記事を引用しているわけではない。「~経由で」という意味で考えてもおかしい気がする。
ひょっとしたら「俺のツイートにお前個人のアカウントを載せるな!」と不快感を持たれる方がいないとも限らない。

よって、動作テストだけして、実際の設置は見送ることにしたw

via」は個人の意見や記事に対しては良いが、複数の人が編集に参加するようなサイトには向かないと思う。やるなら「data-via=”サイト名”」といった程度に留めるのがいいだろう。



現在のページを共有する



現在のページに関連する記事

公式TweetボタンでURLが化ける 公式TweetボタンでURLが化ける
「つぶやき」に「via」を付けよう 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
「つぶやき」に「via」を付けよう wordpressに新ツイートボタンを設置
facebookのCommentをPukiWikiに追加 facebookのCommentをPukiWikiに追加
「つぶやき」に「via」を付けよう WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法
「つぶやき」に「via」を付けよう もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
「つぶやき」に「via」を付けよう Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

おすすめの記事

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

本気で作りたい人向け、WordPressプラグインの作成方法

本気で作りたい人向け、WordPressプラグインの作成方法

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデ…

ImageMagickをWindowsのXAMPPに導入する方法

ImageMagickをWindowsのXAMPPに導入する方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。