cyber_snufkinのブックマーク - はてなブックマーク

ユーザーがページのどこをクリックしたか解析するツール[to-R]
ユーザーがページのどこをクリックしたか解析するツールユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。ちなみにto-Rを解析した所、このような結果になりました。最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。セットアップまず
cyber_snufkin 2007/08/21
*webサービス

マーケティング

ツール

アクセス解析

運用
リンク
Re:href=
Re:href="#" onclick の悪習ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容
cyber_snufkin 2007/08/02
開発

*web制作

(x)html

javascript

tips
リンク
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。このライブラリは新バージョンがあります。レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
cyber_snufkin 2007/07/26
開発

*webデザイン

css

ブロック要素

js
リンク
1