TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
プロキシを使わずAmazonデータをAjaxする
Ajax で画面遷移なしの Amazon 検索 : NDO::Weblog という記事で、画面遷移なしの、Ajaxという物をしていたが、AmazonとホームページでURIが異なるために、Ajaxがうまくできずプロキシ的な物を使っていた。これが気になったので、ProxyなしでAjaxするようにしてみる。 サンプル まだ、チューンがカンペキじゃないので、表示がおかしい場合はリロード 問題点 ☆表示するホームページのドメインとAmazonのドメインが異なるために、XMLHttpRequestが許可されない。（セキュリティ上のガードが入る） 解決策 XMLHttpRequestをホームページのドメインとそろえる。 Ajax で画面遷移なしの Amazon 検索 : NDO::Weblog でやられているように、リクエストのプロキシを用意する。 ホームページのドメインをAmazonにす
try ruby! (in your browser)
Got 15 minutes? Give Ruby a shot right now! Ruby is a programming language from Japan (available at ruby-lang.org) which is revolutionizing the web. The beauty of Ruby is found in its balance between simplicity and power. Try out Ruby code in the prompt above. In addition to Ruby's builtin methods, the following commands are available: help Start the 15 minute interactive tutorial. Trust
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
ITmedia エンタープライズ：Opera、Ajax採用のWebアプリ開発キットβ版公開
Ajaxを用いた携帯用Webアプリ開発キット「Opera Platform SDK」では、HTML、CSSなどをベースとしてプラットフォームにとらわれないアプリを構築できる。 ブラウザ開発企業のOpera Softwareは11月15日、携帯電話用Webアプリ開発・実行のためのソフト開発キット「Opera Platform SDK」のβ版を公開した。電子メールクライアント、ゲーム、株価ティッカーといったWebアプリ開発に利用できる。 Opera Platformでは、Google Mapsなどにも用いられているWebアプリ構築技法のAjaxを利用。HTML、CSS、JavaScriptなどをベースに、プラットフォームにとらわれないアプリケーションを構築できる。また、既存のコンテンツとWebアプリを携帯電話に対応させることも可能。 β版は同社サイトからダウンロードできる。詳しい情報はOper
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場』へのコメント
http://diveintogreasemonkey.org/api/gm_xmlhttprequest.html
