HOME   »   ブログ運営  »  リンク紹介する時にツイート数も一緒に表示する方法
RSSフィード
記事のリンクを貼る時には、ShareHtmlを利用しています。はてなブックマーク数も表示されていますが、一緒にツイート数も表示したいと思いました。そこで利用したサービスが、「TweetBuzz」です。


スポンサーリンク
参考にさせていただいた記事は、以下の記事です。
「ツイートする」ボタンと「Tweet数」表示サービスまとめ+(FC2)ブログへの設置方法 : Web Memo.SE



TweetBuzzによるツイート数の取得方法

具体的にどのように出来るのかを示します。

記事のリンクを貼る時には、普通のサラリーマンのiPhone日記を運営されている@hiro45jpさん作成のShareHtmlを利用させてもらっています。いつも便利に利用させていただいています。ありがとうございます。

さて、このShareHtmlで作成したリンクは以下のようになります。


Twitterの検索演算子(パラメータ)一覧

これにツイート数のアイコンをつけたものが以下になります。
Twitterの検索演算子(パラメータ)一覧

以下のリンクをくっつけると、Twitterのアイコン部分になります。
<a href="http://tweetbuzz.jp/redirect?url=[記事のURL]"><img src="http://tools.tweetbuzz.jp/imgcount?url=[記事のURL]" style="border: none;" /></a>


具体的には、
<a href="http://tweetbuzz.jp/redirect?url=http://nasimeya.blog.fc2.com/blog-entry-621.html"><img src="http://tools.tweetbuzz.jp/imgcount?url=http://nasimeya.blog.fc2.com/blog-entry-621.html" style="border: none;" /></a>
とすることで、が表示されるようになります。

当ブログのPCビューでは、サイドバーに先月の人気記事を紹介しています。今までは記事名+はてなブックマーク数でしたが、これにツイート数を加えてみました。今あるリンクに、個別にhtmlタグを追加しました。
Skitched 20130901 213513
▲こんな感じ。

ShareHtmlでもTweet数を表示できるようにしてみました。ブックマークレット生成前のカスタム書式は以下のようにしました。記事のURLの予約語を${posturl}にすれば出来るはずです。
<a style="color:#0070C5;" href="${posturl}" target="_blank">${posttitle}</a><a href="http://b.hatena.ne.jp/entry/${posturl}" target="_blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/${posturl}" alt="" /></a>${postselect}${memo}<a href="http://tweetbuzz.jp/redirect?url=${posturl}"><img src="http://tools.tweetbuzz.jp/imgcount?url=${posturl}" style="border: none;" /></a>


以上のShareHtmlで生成できたリンクが以下になります。

Twitterの検索演算子(パラメータ)一覧

見栄えを加えたい時にはTweet数を表示してみてもいいかもしれません。

関連記事

iPhoneのSafariで見ているページタイトルとURLをTweetbotでつぶやくブックマークレットを作ってみた

記事紹介のリンクをサムネイル付きで表示出来るShareHtml

ShareHtmlで指定した画像をサムネイルにする方法

僕がTwitterに保存している、演算子を利用した3つの検索ワード

Twitterの検索演算子(パラメータ)一覧

FC2ブログで最新記事にサムネイルを付けてサイドバーを見やすく!

Chrome拡張機能「Keyconfig」ショートカットでブックマークレット起動できるのが便利!

スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
ShareHtml   ブログ   Twitter  
Comment
Trackback
Comment form
スポンサードリンク
楽天
2014年7月現在使用しているブログ用iPhoneアプリ16個
iPhoneホーム画面
人気エントリー
先月の人気記事
第1位(→0)
iPhoneにある写真(画像)をセブンイレブンで現像する方法

第2位(→4)
総計290個以上掲載!iPhoneアプリのURLスキーム一覧

第3位(↗︎2)
【iPhone】秘密の質問を忘れたのでAppleのサポートに電話してリセットしてもらった

第4位(↘︎2)
理系大学生なら絶対覚えておくべきWordの数式のショートカット

第5位(↘︎1)
iPhoneのパスコードを10回間違えると再入力までに60分必要

第6位(↘︎1)
SoftbankのiPhone4s→iPhone5sへ機種変更した時の料金試算

第7位(↗︎3)
iPhoneの画面を録画できるMac・Windowsアプリ「Reflector」のインストール方法・使い方

第8位(↘︎4)
iPhone/iPadのパスコードロックを10回間違えた時のデータ消去機能を実行してみた

第9位(↗︎4)
xRecというiPhone画面を録画できるアプリが再び登場!

第10位(↘︎2)
【iPhone】秘密の質問を忘れて間違えすぎるとApple IDが8時間ロックされる

第11位(→0)
iPhoneの写真を1枚5円で現像出来るネットプリントジャパン!

第12位(→0)
パラメータ有りiPhoneアプリのURLスキーム一覧

第13位(↗︎30)
青春18切符で東京から大阪へ~東海道線を突っ走る旅(1日目)

第14位(↗︎55)
青春18切符を利用した旅行時に活躍したiPhoneアプリのまとめ

第15位(↗︎16)
セリアでiPhoneの防水ケースを購入!風呂場で使うときに便利!

全記事表示リンク
サイト内検索
プロフィール

nasimeya

Author:nasimeya
Twitterアカウント→@nasimeya
iPhone5S/iPad3/iPad mini/MacBookAir13inch/Nexus5を現在所持しており、アプリとか紹介を主にしています。LAMYなど文房具もちょくちょく。ブログは楽しく書くことを心掛けております。

日にの観察ブログの更新は停止しています。

新しいブログはこちら⇒なしめやブログ(http://nasimeyablog.com

2013年5月現在利用している主力iPhoneアプリ26個
iPhoneホーム画面
2013年5月現在利用しているブログ用iPhoneアプリ13個
iPhoneホーム画面
iPad mini用おすすめアプリ8選

PAGE TOP