Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
超簡単、インストールするだけ 〜 TwitterのツイートボタンとFacebookのいいね！ボタンのクリックを計測するWordPressプラグイン
[対象: 全員] WordPressで運用するブログに設置したソーシャルメディアのシェアボタンをGoogleアナリティクスで計測することができるプラグインを今日は紹介します。 SEOの施策においてもますます重要なってきたのがソーシャルメディアです。 僕をはじめ、ソーシャルメディアの共有ボタンを自分が公開したコンテンツに設置することは必須になっています。 そこで気になるのがどのくらいボタンが押されているかです。 それぞれのボタンのカウントを見れば分かりますが統計的に知ることは自分で加工しないと困難です。 Googleアナリティクスでは+1ボタンこそ何もしなくても計測してくれますが、TwitterやFacebookなど他のソーシャルメディアの共有ボタンでのアクションを計測するには「ソーシャル プラグイン」を設定しなければなりません。 ただ普通の人にとってはソーシャルプラグインの設定はかなり面倒
[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottam Social jQuery Plugin [ad#ad-2] Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます。 7種類のテーマがあり、CSSベースでカスタマイズも可。 カウントの表示はスタティック・アニメーションに対応。 カラーは簡単に変更できます。 より大きいカウント用に省略表記も対応。 MITライセンスのため、あらゆるブログ・サイトに使用しても無料！ Koottamのデモ
おすすめソーシャルリスニングツール7選 徹底解析 | Product Showcase | Web担当者Forum
クチコミ＠係長ブームリサーチADPLAN SMコミュニケーションエクスプローラーSocial InsightBuzzMetricsCrimson Hexagon Forsight7つのツールのうち、「ブームリサーチ」と「ADPLAN SM」に関しては、ホットリンクの「クチコミ＠係長」をエンジンとして利用しているので、「クチコミ＠係長」の姉妹版だとも捉えられる。他のツールはそれぞれ独自のエンジンを用いている。サイバー・コミュニケーションズ社の「コミュニケーションエクスプローラー」やユーザーローカル社の「Social Insight」、また欧米で実績があり日本語分析にも対応する「BuzzMetrics」と「Crimson Hexagon Forsight」を紹介していこう。 これらのツールを以下の7つの軸で比較していく。 分析対象メディア 分析の対象となっているメディア（ブログ、Twitter
Sweetmap – 素敵な暮らしウェブマガジン
私は20歳になる川崎在住の女子大生です。 最近は昔懐かしいドラマを観るのがマイブームなんですが「東京ラブストーリー」を観て織田裕二さんに一目惚れしてしまいました…。 この投稿をInstagramで見る 織田裕二(@yuj...
Google+にSNSを全部まとめられる「Gooce+」 | ライフハッカー・ジャパン
こんばんは傍島です。 あれよあれよと言うまに、11月半ばになって、今年もあと1ヶ月半。年始に本棚を新調しようと考えていたのですが、結局買わず終いとなりそうです。最近、ソニーの『Reader』を購入したので、これまでのようなスピードで本が増えないかもしれないと思うと、本棚を買わなくて良かったのかもしれません。 さて、ライフハッカー読者の皆さんは、どのように情報収集をしていますか？ 私は、RSSとSNSがメインです。RSSの方は、Googleリーダーに集約していますが、SNSの方は、FacebookとGoogle+、Twitterを使い分けています。メインはGoogle+ですが、各サービスで固有の関係が構築されているので、ウェブブラウザで各サービスを開いたままにして、時々チェックしているような使い方をしています。 ただ、使い分けるのは面倒で、どれかのサービスですべて確認できれば...と考えるこ
忍者おまとめボタン
【SSL対応】「ツイートボタンやいいねボタンなどのソーシャルボタンを手間無く簡単にまとめて設置できるサービスです。 忍者おまとめボタンのサイトマップ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。
今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。 引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Bloggerの記事フッターに各種ソーシャルボタンを設置する方法
はてなブックマーク、Facebook、Twitter、Google +1のボタンを設置したいと思います。 Blogger設定画面→テンプレート→HTMLの編集→ウィジェットのテンプレートを展開にチェック まずははてなブックマーク、Twitter、Google +1のScriptタグを</body>の直前に置きましょう。 コードの部分をダブルクリックすると全選択できるのでコピーして下さい。 <script async='async' charset='utf-8' src='http://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'/> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> <script src=
フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
関連記事 [update!] 基本最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム（モックアップ）作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基本最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日本向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:
あなたのブログに Evernote Site Memory を追加する
Wordpress や Movable Type などといった、自分でテンプレートを修正することが可能なブログシステムを利用している人なら、Site Memory は簡単に導入することができます。 Lifehacking.jp で Evernote ボタンを追加するまでの手順を以下にまとめておきましたので、ご参考にしてください。 1. まず、ビルダーでアイコンを選びます。 Evernote サイトで公開されているボタン作成ツールで、まずはアイコンを選びます。日本語も用意されていますね。 2. サイトの情報、そしてラッパーの ID を入れる ここでブログのソースを見る必要があります。たいていのブログは などといったタグ、記事部分が囲まれているはずですので、その部分の ID を探してきてフォームに入力します。 またここで、ユーザーがその記事を追加した場合にどのノートブックに追加するかを指定でき
【備忘録】ソーシャルブックマークアイコンの設置 | 日刊ウェブログ式
ソーシャルブックマークのアイコンをブログに設置しましたので、備忘録として設置方法などを記録しておきます。 ※10.05.25 一部コードに誤りがありましたので修正しました。 FC2ブログへの設置 FC2ブログの変数を利用していますので、FC2ブログであれば画像のURLを変更するだけでそのまま引用できます。 はてなブックマーク <a href="http://b.hatena.ne.jp/entry/<%topentry_link>" title="<%topentry_title>をはてなブックマークに登録"> <img src="https://blog-imgs-35-origin.fc2.com/t/o/s/toshiiy/button-hatebu00.png" alt="<%topentry_title>をはてなブックマークに登録" /> </a> はてなブックマークのブクマ数を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでいい感じにソーシャルボタンを設置してくれる『Tweet, Like, Google +1 and Share』プラグイン
はてブやGoogle＋まである！フリーのソーシャルメディアアイコン素材集「flat social icon set」がステキ！ – 和洋風KAI
Twitter, Facebook, Google+1などソーシャルメディアを活用するWordPressのプラグイン
IDEA * IDEA
ソーシャルブックマーク＆投稿ボタンの設置方法 ｜ SEOモード
「Yahoo!ブックマークに登録」ボタン・アイコン - Yahoo!ブックマーク