Abrir Ajax com adição na url

Olá boa tarde,

Estou querendo que quando eu abrir o "#portfolioModal54" e executar o ajax adicione na frente da url o nome e id do bloco clicado.

Exemplo:

BLOCO 1: #portfolioModal54 aberto com o $nome = quad então a url vai ser: site.com.br/index.php#quad01

BLOCO 2:#portfolioModal54 aberto com o $nome = circ então a url vai ser:** site.com.br/index.php#circ02

Aqui nesse site você pode ver os blocos e o ajax funcionando:**

só quero adicionar $nome e $id na frente da url quando for clickado.

somospixel.com/portfolio.php

Aqui está o Bloco que vai abrir o #portfolioModal54 que tem o value "Executa ajax" e pega variáveis com informações do banco de dados.

 <div class="element-item third-effect todos <?php echo "$menu";?>" data-category="transition">
 <a href="#portfolioModal54" class="portfolio-link" data-toggle="modal" onclick="portfolioModal(<?php echo $id;?>)" value="Executa ajax">
 <img src="<?php echo "$imageM"?>" alt="imagem">
 <div class="mask"> <div class="conteudo_mask" style="transform: translateY(-50%);top: 50%;position: relative;">
 <h1><?php echo "$nome"?></h1><div id="lin" style="width: 110px;"></div><h2><?php echo "$tipo"?></h2></div><h3 style="transform: translateY(-50%);top: 50%;position: relative;
 ">VEJA <br><img src="images/mais.png" alt="mais" style="width: 20px;height: 19px;margin-bottom: -1px;margin-top: 12px;margin-left:0px;"></h3>
 </div>
 </a>
 </div>
 <?php
 }
 ?>

Aqui está o Modal54 que é aberto e dentro dele recebe um "Recebeajax"

 <div class="portfolio-modal modal fade" id="portfolioModal54" tabindex="-1" role="dialog" aria-hidden="true">
 <div id="barra-sty">
 <div class="wrap">
 <div id="logo" style="width: 50px; height: 50px; float: left;">
 <img src="images/logom.png">
 </div></div>
 <div class="close-modal" data-dismiss="modal">
 <div class="lr">
 <div class="rl">
 </div>
 </div>
 </div></div>
 <div class="wrap RecebeAjax">
 </div>
 </div>

Aqui o ajax.js

function portfolioModal(id){
 $(".RecebeAjax").load("ajax.php?id="+id);
}