【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ
【ブログ術】表示速度アップ！SNSソーシャルボタン後読み設定で高速化 【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法 【WordPressプラグイン】複数ソーシャルボタンを記事前後に並べて設置 私が現在このブログで利用しているソーシャルボタンは、自分でも利用している5種類です。ツイッター、Facebook、はてなブックマーク、Google+、Pocketです。 なおWordPressを利用している方は、次の高速化についてのまとめ記事も参考にしてみてください。 ソーシャルボタンを3段階でまとめる そもそも、ソーシャルボタンをまとめるとはどういう意味なのかを3段階で説明します。 同じソーシャルボタンのスクリプトを1つにまとめる 全てのソーシャルボタンのスクリプトを1箇所にまとめる 全てのソーシャルボタンを1つのスクリプトにまとめる ただし同じボタン（例えばツイッターボタ
複数のソーシャルボタンを設置し動的に呼び出す - という話
サイトシェア用と記事シェア用に、同じ種類のソーシャルボタンを置くことになった時のメモ。 ソーシャルボタンは一つ置くだけでかなりレンダリングに時間がかかるので、記事シェア用は静的に設置し、サイトシェア用は動的に呼び出すようにした。 動的に呼び出すのはTwitter,Facebook,Google,はてブの4つ。 まずは普通に記事シェア用のボタン群を各SNSの説明に書かれている通りに設置する <!-- twitter --> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'htt
「Facebookの写真をDropboxに保存」のようなウェブサービス間データ移行が簡単に行える「Pi.pe」
FacebookやInstagramに画像をアップしたり、DropboxやGoogle Driveなどのクラウドストレージにデータを保存したりと、クラウド上にデータを保存しておくことはスマートフォンやパソコンを使うユーザーにとっては当たり前のことになってきましたが、いろいろなサービスがあるのでネット上のいたるところにデータが保存されることにもなります。そんなさまざまなウェブサービス上に保存されているデータを、簡単に他のウェブサービスに移行させられるのが「Pi.pe」です。アカウント情報を入力して、移行させたいデータを選択すれば自動でデータの移行を行ってくれます。 Pi.pe http://www.pi.pe/ まずはPi.peのトップページにあるサインイン方法のいずれかでPi.peにサインインします。今回はGoogleアカウントでサインインしてみました。 Googleのアカウント情報を入力
画像をFacebookやTwitter等のソーシャルサービスに投稿できる様にするjQueryプラグイン・Slingpic
画像のみをシェア出来るようにするjQueryのプラグイン、というかWebサービスのご紹介です。プラグインではあるんですけどCDNで提供している、みたいなやつ。 画像を様々なソーシャルサイトで共有出来る様にするためのjQueryのプラグインです。ファイルをDLするのではなく、CDNを使って導入するのでタイトルは語弊があるかもしれませんけど、語彙に欠けるせいか上手い言葉が見つかりませんでした。御免なさい。 上図を見ればどんなものかはおおよそ把握出来るかと思いますが、マウスホバーでシェアボタンが表示されるようにする、というスクリプトです。 Sample 動作サンプルです。 コード 上記のようにCDNをコピペさせるページがあるのでそのまま使います。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.
[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL
ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴 主要なソーシャルディアを簡単にウェブページに設置できます。 46種類のかっこよくデザインされたアイコンを用意。 ページへの設置は、classを書くだけ！ 同じページに複数の設定を設置可能。 アニメーションやブラーなど多彩なオプション。 #50C1ALのデモ デモでは、ページ内に2つの設定を配置しています。 まずは、ボタンの方から。 テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイル まずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet" h
遂に登場！「自社」及び「競合」のFB/Twitter/Mixi/YouTube/G+など あらゆるソーシャルメディアを"無料"で分析出来る国産ツール「Social Insight」をレビュー - Real Analytics （リアルアナリティクス）
Twitraq・UserInsight・なかのひとなどユニークな分析ツールを開発されている株式会社ユーザーローカル。 先月、複数のソーシャルメディアに対応した分析ツール「Social Insight」の提供が開始されました。今まで私のブログでも「Twitter解析ツール１５種比較レビュー(2011年版）」あるいは「競合のFacebookページも簡単に分析できちゃう「All Facebook」を使ってみよう！無料」といった形で様々なソーシャルメディアの分析ツールを紹介してきましたが、現時点では「Social Insight」が最も高機能で使いやすいです。 というわけで早速、機能や使ってみた感想などを紹介いたします。また今回は有料版も利用させていただいたのですが、無料版だけでも長文の記事となってしまったため、週明けに別途、有料版のレビュー記事を書かせていただきます。 注意： １）本レビューに際
[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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://inakadenet.com/2299