Ajax遷移するページのページビューをGoogle Analyticsで計測する | かえラボBlog
Ajaxで他のページを取ってきて、コンテンツをガリガリ書き換えてしまうようなサイトを先日案件で作ったのですが、従来の方法ではGoogle Analyticsで遷移先のページビューを取得できないことに気づいて、実験を行ってみました。 実験のために作成したデモがこちらです。 Google Analytics Demo 何をやっているかを解説していきます。 以下のような部分がAjaxでページを書き換える処理の例です。 今回はjQuery 1.7.1を使うことを前提にしてコードを書いています。"ul a"セレクタ（いかにもやっつけですが。。）で選択されたa要素をクリックすると、href属性値で指定されたURLをAjaxリクエストし、その内容で <div id="contents"/> の中身を書き換えちゃうよ、というものです。 $(function() { $(document).on('cli
AJAX クロール: ウェブマスターおよびデベロッパー向けガイド - ウェブマスター ツール ヘルプ
概要 検索結果に表示したいコンテンツで AJAX アプリケーションを実行している場合、Google が新しく作成したプロセスを実装すると、Google によるサイトのクロールとインデックス登録が可能になります。このプロセスは、Google 以外の検索エンジンでもうまく機能する可能性があります。AJAX コンテンツはブラウザによって動的に生成されるためにクロールで検出することができず、検索エンジンで AJAX アプリケーションを処理することは困難でした。この問題に対応するメソッドも既にありますが、このメソッドでコンテンツを最新の状態に保つには、手動で定期的に保守を行う必要があります。 一方、以下のスキームでは、検索エンジンでスケーラブルにコンテンツをクロールし、インデックスに登録できます。また、ウェブマスターが継続的に手動で保守を行わなくても常に最新のコンテンツがインデックスに登録されます。
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
変換確定前の入力文字を取得する方法（googleサジェストとかみたいに） - Born Neet
ついに正式リリースされたgoogleサジェスト。 日常的に使うようになるとやっぱ便利ですね。 そこでやはり気になるのは変換確定前の文字を取得して候補を出してくるところ。 なんかAjaxブームの時に調べた気もするけど、改めて調べてみた。 結果、一瞬で見つかった。 なんと、input要素のvalueで普通に取れちゃう。 [サンプル] [ソース] html <p> <input type="text" id="keyword" size="40" /> <textarea cols="20" rows="10" style="vertical-align: top;" id="suggest"></textarea> </p> js $(function() { var last = ''; setTimeout(function() { var keyword = $('#keyword').
グーグルが語る：Ajaxはなぜ最初失敗し、その後成功したのか － ＠IT
グーグルのアダム・ボスワース氏は、スピードがソフトウェア開発を大きく左右するという。 「物理学、スピード、心理学：ソフトウェアで何がうまくいき、何がうまくいかないのか。それはなぜか」と題された講演の中で、グーグル副社長のボスワース氏は、Ajax、PDA、自然言語などの技術がなぜ過去にははやらなかったのに、今成功しているのかを語った。同氏は1月29日、 Google NYC Speaker Seriesの一環としてグーグルオフィスで講演を行った。 ボスワース氏は、これまで約30年間ソフトを構築してきたが、常に「そのすべてがうまくいくわけではない」と述べた。「その理由は、振り返ってみると、主に物理的要素と人間心理によることが分かった」。同氏はまた、「その多くはトム・クルーズと関係がある」と語り、映画「トップガン」のトム・クルーズの台詞「I feel the need, the need for
[ThinkIT] 第2回：GoogleはWebの常識を塗り替えた (1/4)
Ajaxの歴史は、実質的にGoogleが提供する地図サービス「Google Maps」からはじまったといっても過言ではない。別のいい方をすれば、Google Mapsの「以前」と「以後」では、まったく異なる時代に分類できるということができるだろう。Google Maps以後のWebアプリケーションの世界は、まったく異質な、異なる常識が支配する世界に変わってしまったのだ。 だが、たかが地図サービス1つで、時代の常識が変わってしまうものなのだろうか。しかも、Google Mapsは世界初のWeb地図サービスというわけでもない。それまでにも、地図を提供するサービスはいくつもあり、けして珍しいものではなかったにも関わらず、である。 また、Google Mapsがとびぬけて多くの情報や機能を提供したというわけでもない。現在のGoogle Mapsが提供する多彩な機能やサービスの大半は、公開後に追加さ
ブログのサイト内検索は、Google Co-op できまり：Goodpic
This shop will be powered by Are you the store owner? Log in here
fladdict.net blog AjaxもFlashもトラックできる！？ Google Analyticsの脅威
ちょっと聞いてくださいよ奥さん!!! 話題のGoogle Analyticsですが、なんとFlash内でのクリックや遷移もトラックできることが発覚、もちろんajaxのイベントもですよ。 やり方はいたって簡単、イベントをトリガーにanalyticsを埋め込んだHTML内のJavaScript javascript:urchinTracker('イベントID'); を呼び出すだけです。FlashからだとgetURL、ajaxだったら適当に関数呼び出しで使う感じですね。 イベントのIDは、"flash/postButton/click"というようにURLっぽい記述で行います。こうすることでこのイベントを、対応するURLのページに見立ててページビューを集計することができます。 ボタンをトリガーに集計をするコードだとこんな感じだそうです。 on (release) { // Track with n
Google Mapsで地図に線を引いてルートを友達に教えられるツール
ホリデープログラミング。思わず夜更かし。 Google Maps Line Saver Google Maps APIを用いて地図上に線を引いて（クリックしていくと直線が引けます）Saveボタンを押すと固有のURLを作って保存することができます。渋谷の～って飲み屋で待ち合わせ、が、詳細な地図がない、というときにルートを書いてメールでURLを送れます。 Mapsにクリックして直線を引く方法はAhn Dal-Sooさんの日記を参考にさせていただいました。GPolylineというAPIの関数を使います。 JavaScriptから線の各頂点の座標を保存する際にXMLHttpRequestのPOSTで送るのですが書式にJSONを使ってみました。PHPはPEARのServices_JSONを利用。JavaScript部分はdumpだけですが「JKL.ParseXML – XML→JSON展開クラス」を
Google Maps で鈴鹿サーキット試走
Google Maps API を利用した便利なサービスが数々発表されているけど、別に遊びのために活用してもいいよね。 そんな思いから作ってみた、レーシングゲームです。 地図データを元に走るので、ゲーム史上いまだかつてないコースの再現性があります。 ただ、作者に車の知識があまりないため、車の走行に関してはかなりいい加減ですがご容赦ください。一応、ゲームバランスは調節したつもりです。 推奨環境 以下の環境で動作チェックを行っています。 Windows 版 Internet Explorer 6.0 (JavaScript有効) Windows 版 Firefox 1.0 (JavaScript有効) 遊び方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google AJAX Feed API
GoogleのJavaScript APIがこっそり統一されてきている件について。 - Ogawa::Memoranda
はてなブログ | 無料ブログを作成しよう
Google APIで好きなニュースを自分のサイトにカンタン表示 (Buzzy Dizzy Biz)
Google AJAX Search API