Discussion :

[Gibyy]

Bonjour à tous,

suite à un commentaire sur une de mes questions sur ce forum, qui me conseillait de me pencher du côté du hash-bang, je viens par ici pour vous poser quelques questions.

1 - Y aurait-il une doc ou un tutoriel simple pour mettre en place un hash-bang ?

2 - Voici mon code ci-dessous.
j'aimerais donc obtenir quelque chose du genre monsite/#!/page01

comment est-ce possible ?
et suis-je dans le bon raisonnement pour obtenir tout les bénéfices du hash-bang ?

merci de votre aide !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function getCurrentUrl() {
                // l'url reprend le href de : exemple : "#projet1 a" -> page01.html
		url = $("#"+deployer.substring(0,6)+' a').attr('href');
       		$($.get(url, function (data{$("#bigload").empty().append(data);},'html')
        						);
}

[ThomasR]

Bonjour,

1 . La documentation à ce sujet se trouve ici : https://developers.google.com/webmasters/ajax-crawling/ https://developers.google.com/webmas...etting-started

2 . Je ne vois pas le rapport entre ton code et les google hash bang.
Pour changer le hash d'une page il faut changer la valeur de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.location.hash

, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
window.location.hash = '#!/mapage';
$.ajax({
   url : '/ajax.php?p=mapage',
   // ...
});

Ensuite conformément à ce qui est écrit dans la documentation de google il faut que tu gères l'accès aux URLs de la forme /?_escaped_fragment_=mapage
Cette page doit renvoyer exactement le même contenu HTML que quand tu changes ta page en AJAX dynamiquement.

[Gibyy]

en effet aucun rapport, c'est mon code de base vierge de tout code lié au hash-bang

je ne comprends pas le cheminement entre faire un get(url ... ) et lire cette même page en declenchant toutes les actions (le slide to qui la fait apparaitre etc...)

[Gibyy]

pourrais tu si possible m'éclairer en 3 étapes sur ce que je dois modifier pour passer de mon truc normal à mon truc hash bang ?

[ThomasR]

je ne comprends pas le cheminement entre faire un get(url ... ) et lire cette même page en declenchant toutes les actions (le slide to qui la fait apparaitre etc...)

En fait le principe est le suivant : Google détecte dans ta page les liens qui contiennent des hash bangs, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="/#!/news">News</a>

Sauf que comme le contenu de ces liens est généré dynamiquement, Google ne pourra pas indexer le contenu en accédant à /#!/news car !/news est une ancre, pas une URL réelle. Du coup Google a définit un principe qui dit qu'il va aller chercher le contenu de la page /#!/news à l'adresse suivante : /?_escaped_fragment_=/news.

Ensuite, imaginons que tu utilises PHP, tu pourrais faire ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
if(isset($_GET['_escaped_fragment_'])){
   $fragment = $_GET['_escaped_fragment_'];
   if($fragment === 'news')
        show_complete_news_page();
}

(ceci est un simple exemple de compréhension de fonctionnement)

Tu peux aussi utiliser htacces pour rediriger toutes les requetes de type _escaped_fragment_ vers un script particulier.

Concernant le déclenchement des slides to etc...
Prenons toujours l'exemple du lien <a href="/#!/news">. Il te faut un moyen de détecter le click sur ce lien (ou du moins le changement de hash bang dans la barre). Tu peux utiliser pour cela le plugin jQuery http://benalman.com/projects/jquery-hashchange-plugin/

Il te permet de faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
jQuery(window).hashchange(funtion(){
   var hash = window.location.hash;
   if(hash === '!/news'){
        loadNewsPage(); // slideto etc...
   }
});