gistfile1.js

  <a href="{{ path('product1') }}">product 1</a>
  <a class="get-products" href="#">Get more products</a>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <script type="text/javascript">
    window.onpopstate = function(event) {
      alert("are you on back?");
    }

    $('.get-products').on('click', function() {
         var stateObj = { foo: "bar" };
         history.pushState(stateObj, '');
        })
  </script>