Twitterソーシャルボタンにツイート数を表示できるようになったので実装してみた
私のツイート数は53万です さて、Twitterの仕様変更に伴いこれまで表示されていたシェア数が消えてしまってがっくり来ていたのですが、digitiminimi Inc. / ディジティ・ミニミ様が提供しているWEBサービスwidgetoon.js & count.jsoonにて表示させることができるようになりました。実装方法をご紹介。 今回の記事はこちらの記事の追記的な感じです。 widgetoon.js & count.jsoonの登録 まずはwidgetoon.js & count.jsoon | digitiminimiへ行ってAPIが使用できるように登録します。 といってもサイトのURLとメールアドレスを入力してするだけ。総ツイート数によって取得の時間は変動しますが、私の場合は1日経ったら終わってました。 こんな感じでツイート数の取得が完了！ SNS Count Cacheプラグ
ウェブサイトにTwitterのタイムラインを表示させる方法
ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 １．はじめに ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。 ここではTwitterのユーザーウィジェットを利用して、ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 ２．Twitterのタイムラインを表示させる Twitterのユーザーウィジェット作成ページにアクセスします。 Twitterのユーザーウィジェット作成ページ 「ユーザータイムライン」タブの設定項目に必要な事項を入力します。 ユーザー名：表示させたいユーザー名を入力 オプション取引：@ツイートを除外する場合や画像を自動的に開く場合にチェック 高さ：タイムラインの高さを入力 テーマ：「明るい」「暗い」から選択 リンクの色：タイムラインに表示されるリンクの色を入力 カスタマイズ
[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
ページ中のリンク先がTwitterでつぶやかれた回数を表示してくれるサービス「countingtweets.com」
By POPOEVER Topsy APIを使って、入力されたアドレスのページ内にあるリンクについて、Twitterで言及された回数を表示してくれるのが「countingtweets.com」。表示は回数によって色分けされており、アドレス内に日付があるものだけをカウントすることも可能です。 countingtweets.com http://countingtweets.com/ 使い方はまず、調べたいウェブページを一番前のテキストボックスに記入します。今回はGIGAZINEの2013年2月27日のヘッドラインニュースで試してみます。 Twitter上でつぶやかれている回数を表示するリンクは、「全て」か「URLに日付が使われているものだけ」かを選択可能。まずは「全て」をチョイスします。 「Go」をクリック。 しばらくすると、こんな感じでヘッドラインニュースが表示されました。各リンクの先頭に
カグア！
Wordpressで、Twitterを表示させる方法です。 PHP5動作環境では以下のようになります。 <div> <ul> <?php $xml = simplexml_load_file(‘http://twitter.com/statuses/user_timeline/xxxxx.rss’); $i = 0; foreach($xml->channel->item as $item) { if(++$i>10) break; $title = (string)$item->title ; $link = (string)$item->link ; echo ("<li><a href=’".$link."’>".$title."</a></li>"); } ?> </ul> </div> xxxxxのところがユーザー番号になり、 foreachのところの10がつぶやきの表示数となり
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索APIとjQueryプラグインを組み合わせてウィジェットをウェブサイトに表示し、ウィジェットに検索結果をリアルタイムで表示します。 ウィジェットは1つのページに複数設置できます。設定方法については４項以降で解説します。 ２．公式サイトのデモ 公式サイトでデモを確認できるので、操作方法を紹介します。 公式サイトの「monitter」にアクセスします。 ページ左上にある「tweets containing
[JS]複数のソーシャルメディアを合算して表示するスクリプト -Share Count
設置も簡単、TwitterやFacebookなど複数のソーシャルメディアのカウント数を合算して表示する超軽量(2kb)スクリプトを紹介します。 Share Count [ad#ad-2] Share Countのデモ Share Countの実装 Share Countのデモ 設定したソーシャルメディアのカウント数は、合算して一緒に表示されます。 デモのようにアイコンを添えるといい感じです。 Share Count JSの右サイドバーに設置 [ad#ad-2] Share Countの実装 実装は、簡単です。 HTML 「class=sharecount」をつけたdiv要素を配置します。 <div class="sharecount">Share</div> 特定のサイトのカウントを表示する場合は、a要素を使用します。 例：www.google.com <a href="http://ww
ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
Twitterのつぶやきを、3行のコードでWebサイトやブログに表示させる
お問い合わせを頂いたのでついでに ご紹介。Twitterのウィジェットのような ものをお探しだったようですが、現在の 公式のウィジェットではなく、色々とcss でカスタマイズ出来るようにしたいとい うご希望でした。Twitterの投稿を表示す るだけなら3行もあれば実装出来ます。 タイトルはやや釣りに近いです。知らない方向け。 Webクリエイターボックスさんで表示されてるような感じにしたい、というご希望でした。なぜ僕に質問して頂いたかは謎ですがお答えさせて頂きます。 ウィジェットやjQuery、RSSを使って～等、色々と方法はありますが、自分で表示もデザインしたい、シンプルでいいというのであれば3行もあれば表示させる事が出来ます。 APIキーを取得して～等の面倒な手順も要りません。 [note]statuses/user_timeline/ユーザーのアカウントID.jsonの形式のjson
YouTube人気急上昇
【2022年群馬】父の運転するフォークリフトをブランコ代わりにしていた女児 150kgのパレットの下敷きになり即〇 「群馬フォークリフト転落事故」【ゆっくり解説】
ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」:phpspot開発日誌
Streamie ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」。 node.jsベースのオープンソースなので、Twitterクライアントのよい見本となりそうです。（githubにてソース公開) ちょっと作ってみました的なものではなくてTwitterの機能をフルで使えるのも特徴 単に利用するだけでも便利そう。新しいツイートもリロードなしに見ることができます UIもCSS3等を使ってデザインされていてリッチかつ、それなりに洗練されています ＵＩやnode.jsの教材として、あるいは単にTwitterクライアントとして活用することができます。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 Twitterで使わ
Twitterの情報を出力するプラグイン（MT5対応）
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 だいぶ前に作った「Twitterの情報を出力するプラグイン」が、Movable Type 5だと文字化けするというご指摘をいただきました。 その不具合の修正と、若干の機能変更・追加を行ったものを公開します。 1.インストール 今回のプラグインでは、名前を「Twitter」から「TwitterInfo」に変えました。 その関係で、旧版のプラグインをお使いの方は、まず旧版のプラグインのファイルを削除してください。 新版のプラグインは以下からダウンロードします。 TwitterInfo_1_02.zip ダウンロ
[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
Action Streams プラグイン（Movable Type 5 対応）の利用方法：その1
告知がかなり遅れましたが、Movable Type 5 対応の Action Streams プラグインが公開されています。 本エントリーではAction Streams プラグインの利用方法を紹介します。 Action Streams プラグインおよびCommunity Action Streamsプラグインを利用することで、Twitterなどの更新情報をMovable Type に表示することができるようになります。 時間の都合上、何回かに分けて掲載します。 １．プラグインのダウンロード githubにある Action Streams のバージョン 2.3の「zip」または「tgz」をクリックして、プラグインアーカイブをダウンロードします。 同じく、Community Action Streams のバージョン 1.4の「zip」または「tgz」をクリックして、プラグインアーカイブを
TopsyでTwitterのRT数とretweetボタンを表示する
Twitterの検索エンジン、Topsyが提供するTopsy Retweet Button for Web Sitesを使って、ブログなどの記事にRT数とretweetボタン（Topsy Retweet Button）を表示する方法を紹介します。 このブログでも各記事ページの右上に表示しています（2010年6月現在）。 １．Topsy Retweet Buttonの機能 数字の部分をクリックすれば、記事のRT一覧を表示します。 「retweet」をクリックすれば、その記事のretweet用の記事タイトル・URLをTwitterのページに表示します。 以下、一般的な設定方法と、Movable Typeに設置する場合の設定例の2つを紹介します。 ２．基本設定 まず、次のスクリプトを、<head>～</head>の間に設定します。 <script type="text/javascript" s
Twitterの1日分のツイートをブログに投稿してくれるloudtwitter
Twitterの1日分のツイートをブログに投稿してくれる、loudtwitterの紹介です。以下、設定方法です。設定内容は後で変更することができます。 loudtwitterのページにアクセスし、ブログのURLを入力して、「Yes, this is my blog」をクリックします。 文章の右下にある「signup!」のリンクをクリックします。 「Atom API endpoint url:」にAtom APIのエンドポイントURIを入力します。Movable Typeであれば、 http://user-domain/mt/mt-atom.cgi/weblog/blog_id=1 のようになります。キャプチャ画面は「weblog」の部分が「1.0」になっていますがWSSE認証が必要となるので、レガシーなエンドポイントの「weblog」の方がよいかもしれません。 また、数字の部分はブログID
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ideahacker.net/2014/02/15/7599/
IDEA * IDEA
IDEA * IDEA
