Intégrer Browser Update à votre site

Par Jerem971 le 24 Juillet 2020 à 04:34 (Édité) 0 34

Bonjour à tous 😉


Depuis plusieurs années, beaucoup d'utilisateurs continuent d'utiliser des navigateurs obsolètes, voire, plus à jour...


Les données recueillies nous montrent que 23% des utilisateurs utilisent des navigateurs anciens ou obsolètes (14,5% ont la version précédente, et 8,5% utilisent des versions obsolètes). Par contre, lorsqu'une nouvelle version d'un navigateur est disponible, les internautes mettent plus d'un mois pour faire la mise à jour. A retenir qu'il ne faut que quelques heures, aux cyberpirates pour exploiter les vulnérabilités des navigateurs afin d'accéder à vos informations personnelles ou à vos données bancaires.


Pour répondre à l’un des soucis majeurs du développement web qu’est la compatibilité avec les différents navigateurs, Browser Update propose de notifier aux visiteurs les versions recommandées des navigateurs via un script simple à installer sur son site web.


En effet, lorsqu’on fait du développement web, il faut s’assurer de la compatibilité avec les principaux navigateurs afin de proposer (presque) la même expérience de navigation aux utilisateurs. Certaines fonctionnalités liées à l’évolution des standards du web ne sont pas donc pas intégrées dans les anciennes versions de certains navigateurs (l’exemple qui rend le plus fou les développeurs est Internet Explorer 8 et l'HTML5).

Plutôt que de passer de longues heures (et nuits blanches) à essayer des ajustements pour avoir le même rendu sur tous les navigateurs, une façon de clore le débat (quand on le peut) est d’inciter le visiteur à tout simplement mettre à jour son navigateur ou à carrément changer de navigateur.


Comment ça marche ?


Le service "Browser update" fonctionne via un script à installer sur son site web (voir comment intégrer plus bas). Le script s’exécute au chargement de la page, détecte la version du navigateur et, en fonction des paramètres qu’on a indiqué dans le script, affiche une notification en haut de la page invitant à mettre à jour son navigateur pour des raisons de sécurité ou un message spécifique que l’on a défini.


Que propose-t-il ?


Une configuration de base est proposée avec des navigateurs recommandés et une mise à jour automatique par rapport aux mises à jour pour informer des nouvelles versions disponibles. Le message affiché indique la version du navigateur du visiteur et s’affiche automatiquement dans la langue du visiteur (une trentaine de langues sont prises en compte actuellement). Il est ensuite possible de modifier la notification obtenue en modifiant les diverses options (voir cette page).


La fréquence d’affichage peut donc être ajustée et ainsi que le texte affiché. Par exemple, si votre site est optimisé pour les nouvelles versions de Firefox et Chrome, vous pourrez afficher un message du type :


Votre navigateur ne prend pas en charge les fonctionnalités et technologies utilisées sur ce site. Pour une meilleure expérience utilisateur, nous vous conseillons d’utiliser Firefox (version 30 et +) et Chrome (version 30 et +)


Comment l’intégrer à son site web ?


  1. Ajoutez le code JavaScript de la notification sur toutes les pages votre site
  2. Les visiteurs utilisant des navigateurs dépassés seront avertis par une barre discrète et non dérangeante, que leur navigateur n'est pas à jour et qu'il est recommandé de le faire.
  3. En cliquant sur la barre, il sera redirigé sur une page d'information contenant les raisons de changer de navigateur ainsi qu'une liste d'entre eux.
  4. Si le visiteur ignore le conseil, celui-ci ne sera plus affiché pendant quelques temps.


Quels sont les avantages et les fonctionnalités ?


  • Discrète : l'utilisateur sera notifié seulement une fois, et ne sera plus dérangé. La notification est très discrète et n'affectera pas la navigation
  • Maintenance faible et mise à jour : s'il apparait de nouveaux navigateurs non supportés, possédant de failles de sécurité ou deviennent très vieux, l'équipe de Browser Update les ajouterons à leur liste automatiquement (vous n'avez donc rien à faire)
  • Personnalisable : vous pouvez personnaliser le style du message, le texte et autres options
  • Langue adaptée : le message est automatiquement affiché dans la langue de l'utilisateur
  • Complet : compatible sur de nombreux navigateurs
  • Léger : juste 3KB en mémoire
  • Utile : offre différents navigateurs disponibles pour le système d'exploitation de l'utilisateur


Il est possible d’adapter la détection des navigateurs à certaines versions bien précises en adaptant le code généré ici 😉

Pour en savoir plus, il faut se rendre sur le site du service 😉

Comme indiqué sur le site, c’est "une initiative de WebDesigners pour informer les utilisateurs sur les mises à jour de leur navigateur" que je trouve hyper pratique 😉


Il existe des alternatives mais qui sont moins bien que Browser Update, en voici une liste :



Dernière chose, si vous voyez certains blog sur le net indiquant que Browser Update serait un virus, il s'agit tout simplement d'un mensonge indiqué par de faux blogs de sécurité dans le but de vous refilez un Scareware : ignorez ces blogs !


Si vous avez des questions, n'hésitez pas à les poser en commentaires !

Si vous avez besoin d'aide, créez un topic !


Bonne continuation sur Sitedudev !

Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Cette pub permet au site de vivre ...