scroll infinity ajax: question d'usage

[herve]

Bonjour
J'ai acheté l’extension de sakic. Il est logique qu'en affichant des dizaines d'articles, on ne voit plus le pied de page. Du coup avez-vous une astuce (ou pas)? pour afficher ces informations importantes du pied de page. sinon cela voudrait dire que je ne l'utiliserai pas sur la page accueil

[pmleconte]

Bonjour,

Le but de l'infinite scroll est d'afficher les pages suivantes d'un blog dès que l'on arrive en bas d'une page.

Personnellement, j'utilise le script infinite scroll de metafizzyco https://infinite-scroll.com/

Dans cette librairie, on a possibilité de déclencher l'appel à la 2eme page par un bouton (voir https://www.conseilgouz.com/cg-isotope-infinite )

Je n'ai pas trouvé le script utilisé par scroll infinity ajax, mais peut-être y a-t-il une option identique.

Pascal

[Colnem30]

Salut

De manière générale, pour qu'un élément reste fixe sur la page, il faut lui appliquer la règle css {position:fixed;}.
Pour le reste, à toi de jouer!

[daneel]

Bonjour Hervé,

Dans les questions d'usages, tu connais les limites des infinite-scroll ? C'est d'être obligé de trouver une solution pour les robots d'indexation puisse faire leur travail.

En effet, le référencement se fait par des robots comme googlebot qui effectue des passages réguliers depuis la page d'accueil. Il va "scanner" la page en html à la recherche de liens sans les effets javascript, si le contenu est un blog directement affiché en page d'accueil, les autres articles accessible uniquement en ajax ne seront pas pris en compte à moins de lier les articles autrement. La solution trouvée pour minimiser l'impact négatif, c'est d'ajouter à chaque fin d'article, un sens de lecture "article précédent" et "article suivant". Cette navigation entre article n'a pour but que de faciliter les robots à suivre ces liens. L'autre solution dont l'efficacité a été prouvé, c'est le bouton "charger plus", utilisé sur de nombreux sites.

Je déconseille généralement l'infinite scroll surtout sur la page d'accueil. En règle générale, tous les effets javascript ne sont pas pris en compte ou difficilement. On peut rendre fixe le bas de page mais ce n'est pas la solution notamment sur mobile ou la lecture est déjà réduite. Il existe aujourd'hui des infinite scroll accessible dans le sens de l'accessibilité ( je ne pense pas que ce soit le cas de celui que tu utilise). Cependant on conseille de se poser les bonnes questions avant d'implanter le scroll infini :

- L'utilisateur peut-il appuyer sur "retour" et revenir exactement au même endroit ?
- Y a-t-il une pagination lorsque le JavaScript est desactivé ?
- La page a-t-elle un pied de page ?
- Un utilisateur du clavier peut-il accéder à tous les autres contenus de la page ?
- Pouvez-vous partager une URL vers un endroit spécifique de la page ?
- Un utilisateur peut-il facilement sauter quelques « pages » pour accéder rapidement au contenu beaucoup plus bas dans la liste ?
- L'empreinte mémoire de la page augmente-t-elle considérablement après nouveaux éléments affichés ?
- Existe-t-il un moyen de désactiver le défilement infini automatique et de s'appuyer sur la pagination standard ?
- Avez-vous fait des tests utilisateurs ?
- Êtes-vous satisfait d'un cas d'utilisation issu d'une recherche ou d'une demande d'utilisateur ?
- Avez-vous des analyses/un suivi pour mesurer le succès ?

Sur le dernier point, il y a quelques années un ingénieur de chez Etsy a montré l'impact négatif résultant de l'implantation de l'infinite scroll sur leur site, la conclusion de l'analyse se portait aussi sur le comportement car les utilisateurs ont cessé de rechercher les produits donc moins de vente. En résumé, cela a eu une influence, pas forcément négative mais au lieu d'amener à obtenir un meilleur résultat, les visiteurs se sont un peu perdus et cela a fait place à de l'inaction. L'absence de pied de page était génant mais sans impact véritable. En conclusion, il est important de mesurer l'impact et les conséquences de l'infinite scroll au risque d'avoir un comportement que l'on retrouve également sur facebook et autre.

Autre mauvais effet, c'est de sélectionner un article après avoir utilisé l'infinite scroll ou le bouton "charger plus" puis de revenir sur la page, ce qui fait nous revenir au début de la liste, ce qui peut décevoir.

Sur la question du pied de page, il est en effet absent avec un flux constant d'information alors le footer sert généralement pour lier aux informations comme les contacts, mentions légales voir des liens pour que l'indexation soit plus facile. Le bouton "charger plus" ou "load more" permet justement de limiter le défilement en attente et d'afficher le pied de page.

Un problème plus important reste l'affichage sur mobile et le fait que l'internet ne soit pas forcément constant surtout dans les zones à faible bande passante (ce qui est mon cas avec mon opérateur, le relais étant éloigné, j'utilise le smartphone uniquement avec le wifi ). Avec l'infinite scroll, tu oblige à charger le flux de façon constante à chaque défilement. Le contenu n'est pas stocké.

Donc pour précisément à ta question, le bouton "load more" te permet d'afficher le bas de page. Si celui-ci existe dans cette extension, n'hésite pas à l'activer.

[herve]

Bonjour
Avec un peu de retard, merci à tous pour vos contributions

pmleconte
J'ai acheté le plugin https://extensions.joomla.org/extension/ajax-infinity/ j'ai contacté l'auteur sakic car il y a un pb de fonctionnement
, je retiens le script mentionné et surtout l'info très intéressante ou tu as appliqué le déclenchement sur la 2ème page :-)

Colnem30
Cela peut-être une très mode solution; Comme il s'agit de modules joomla de pied de page.
Si je comprends bien il faut que je fasse une règle css que je nomme dans "Classe du module" ?

daneel
Ok j'entends et je vais réfléchir à 2 fois avant de généraliser ce genre de script. Je pensai à tord qu'il ya vit pus de bénéfice que de problèmes potentiels.
En cas d'utilisation, je me note d'ajouter à chaque fin d'article, un sens de lecture "article précédent" et "article suivant" (à priori je le faisais déja), voir d'éviter infinite scroll sur la page d'accueil.

Je n'aime pas graphiquement les "lire la suite" dans le bloc réduit de l'article sur les pages blogs. A voir tout tes autres points, mais là mon problème étant dans le cadre de la plupart de mes projets bénévoles où je je pose le plus de questions, mais je n'ai trop avoir le temps d'aller dans la finesse de ces détails.
par contre je n'ai pas compris :

le bouton "load more" te permet d'afficher le bas de page. Si celui-ci existe dans cette extension, n'hésite pas à l'activer.

Je précises que je fais référence à l'affichage natif blog des articles de joomla
Si c'est le lire la suite dans le bloc de l'article, je ne suis pas chaud comme mentionné. Sinon puis-je avoir juste une copie écran de ce bouton ou le trouver dans l'admin ?

[daneel]

par contre je n'ai pas compris :
Je précises que je fais référence à l'affichage natif blog des articles de joomla
Si c'est le lire la suite dans le bloc de l'article, je ne suis pas chaud comme mentionné. Sinon puis-je avoir juste une copie écran de ce bouton ou le trouver dans l'admin ?

Je faisais référence à un bouton que l'on retrouve désormais sur tous les effets "infinite scroll" qui permet de délimiter le nombre d'articles, donc de voir le bas de page.
Quand on clique sur ce bouton, il ajoute les autres articles sans recharger la page toujours en même quantité.

Ainsi tu peux définir par exemple une limite de 9 articles et l'utilisateur va devoir cliquer sur le bouton pour obtenir les 9 suivants mais toujours dans la même page.

Je ne connais pas le paramètrage de l'extension commerciale mais j'ai déjà utilisé le plugin libre et gratuit infinite scroll qui utilise le script du même nom :

https://infinite-scroll.com/options.html#button

Celui-ci intègre bien l'option d'un bouton.

De plus, il est possible d'utiliser ce script sans charger la librairie jquery : https://codepen.io/desandro/pen/VwKXwbJ
Sur le plan de la performance, c'est toujours mieux d'éviter de charger la librairie jquery inutilement si on ne sert pas sa totalité.