ヘッダー/フッターを再読み込みせずにページを変更しますか？

Question

私は最近、ページをリロードすることなく（一見）さまざまなページに移動できるようにするために、多くのサイトを見てきました。たとえば：

https://www.protest.eu/shop/category/men/

私はちょうど内容を交換して、URLを変更することにより、AJAX経由でそれを行うことができます知っているが、それは欠点を有しています。主に、ページ訪問を追跡しようとしている場合、この方法でナビゲートされたページには表示されません。なぜなら、実際にページにアクセスしていないからです。

これを達成するより良い方法はありますか？

Answer 1

私は、私はあなたがそれを行う方法ですAJAX

経由でそれを行うことができます知っています。

ページの訪問を追跡しようとしている場合、彼らはあなたがそれはあなたがページを追跡するために使用しているかに依存解決方法この方法で移動しているページ

ためには表示されません訪問。このアプローチは、SPA（単一ページのアプリケーション）と呼ばれている

function ajaxLoadHandler() { 
    var content = this.responseText; 
    var url = "/bar.html"; 
    update_content_with(content); 
    history.pushState({ raw_content: content }, "page 2", url); 
    ga('send', { 
     hitType: 'pageview', 
     page: url 
    }); 
} 

Answer 2

：

の場合は、例えば、あなたがGoogleアナリティクスその後、あなたのような何かをするだろうを使用していました。 dowbacksあなたは、いくつかのJSメソッドとイベントリスナによって処理以前の缶を（。histrory.pushstate、onpopstate ...参照：https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onpopstate）が挙げ

JSフレームワークSのいくつか（のように反応して、バックボーン、CanJS、SpineJS、BatmanJS、EmberJS 、AngularJSなど）は、SPAの陰謀を助ける。これらのフレームワークは、ビュー、モデル、コントローラ、コレクションWTCを提供するブラウザ履歴機能を実現するためのルーティングモジュールを提供します。あなたは、あなたのビジネスニーズに合ったこれらのフレームワークを選択することができます。