きょうのBookMark

  • 投稿日:
  • by

cyano: Google Analyticsで高度なトラッキングをする方法


 Google Analyticsは、基本はアクセスされたページのログを見るだけなのですが、JavaScriptを使うことで高度なトラッキングをすることができます。
 例えば、あるリンクをクリックした人の数を計測するとか、JavaScriptのプロンプトでOKを押した人をカウントする等です。以下はその方法。


Google Adsenseの代替広告にAdsense紹介プログラムを使う方法 - GIGAZINE

 GIGAZINEでも試験的に採用している「Google Adsense」ですが、これは「コンテキストターゲット」という種類の広告表示方式であり、そのページの内容に合致する広告を選んで表示してくれる仕組みになっています。しかし、必ずその内容と一致する広告が出るわけではなく、時には何も出てこない場合もあります。その場合は公共広告が表示されます。  公共広告の代わりに、自分で指定したアドレスのページや画像などを表示させる、つまり「代替広告」を使う方法もあるわけですが、なんとこの代替広告として「Adsense紹介プログラム」を使うことが可能になるという方法があるのです。

ウェブページを見る目の動きは「F」パターン - GIGAZINE

f_reading_pattern_eyetracking_1.jpg
 つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。  これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。  で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。


秋元@サイボウズラボ・プログラマー・ブログ: Snippy - 自由曲線で切り出せる画面キャプチャツール


 SnippyはWindows用の画面キャプチャツール。
 配布されている.exeファイルをダウンロードして実行すると、タスクトレイにハサミのマークが出る。
 ハサミのマークをクリックしてから、自由に画面上でマウスを動かすと、動かした形に切り取ってキャプチャをしてくれる、というもの。早速やってみたのが下の図。


labs_toppage_by_snippy-thumb.PNG


24時間で作るWeb2.0サイト

This is a challenge. Not with anyone else. Not with the tech world. I want to show the power of today’s world. Today’s tools. I want to create a web 2.0 startup company. Complete without a solid business plan but still profitable. All in less than 24 hours.

Lucky bag::blog: ブラウザ上でワイヤーフレームが作れるFrametastic

ワイヤーフレームっつうと、デザインの前にページ内の構成要素を明確にするもので、作成に使うツールはイラレやフォトショップ、エクセルやパワーポイントなど、人によって違うのかもしれない。そんなワイヤーフレームをブラウザ上で簡単に作れるウルトラ ライトウェイトな Frametastic なんてのを見つけた。

Google ウェブマスター向けガイドライン

Following these guidelines will help Google find, index, and rank your site. Even if you choose not to implement any of these suggestions, we strongly encourage you to pay very close attention to the "Quality Guidelines," which outline some of the illicit practices that may lead to a site being removed entirely from the Google index. Once a site has been removed, it will no longer show up in results on Google.com or on any of Google's partner sites.


loadingイメージを生成するAjaxload (オラオラ)

 AjaxCommentを試してみてた時や、Lightbox導入なんかで、ビジュアル上結構ポイントになるのが、ローディング中であることを知らせるクルクルマーク。  そんな、loadingイメージを生成するサービスがありました。  Ajaxload - Ajax loading gif generator  いわゆるクルクルマークのほか、様々なタイプを指定して画像を作成できます。


世界中の1%の人々へ: 今日の研究:Google Trendsで比較してみる

キーワードランキングを掲載しているGoogle Zeitgeistをベースに構築、世界中のGoogleで検索されたクエリのトレンドをグラフ表示する。検索ワードを入力すると過去2年間の検索ボリュームの推移、そのクエリを発した地域・都市・言語を表すほか、その検索クエリに関連するニュースを一覧表示する。Google検索製品担当 VPMarissa Mayer氏は、数十億もの検索クエリをふるいにかけることで世の中の人々が何を考えているのかが見えてくると説明。


CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌

 CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。  次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。  大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。

11.png