Composant de thème Guest Gate

Guest Gate v2.0 - Une mise à jour majeure

Après pas mal de travail, je suis heureux de publier Guest Gate v2.0. :tada:

Guest Gate a commencé comme un composant de thème relativement simple, basé sur le plugin original Guest Gate Sign Up Popup, permettant d’encourager ou d’obliger les visiteurs anonymes à s’inscrire ou à se connecter après avoir consulté un certain nombre de sujets.

Au fil du temps, le composant a considérablement grandi et l’implémentation originale est devenue de plus en plus difficile à étendre.

Ainsi, la v2.0 n’est pas seulement un refactoring ou une mise à jour visuelle. Elle introduit un système de déclencheurs entièrement nouveau, une meilleure personnalisation, des analyses facultatives et un certain nombre d’améliorations en profondeur.

Nouveautés de la v2.0 ?

Plusieurs types de déclencheurs

Guest Gate n’est plus limité aux vues de sujets/pages.

Vous pouvez désormais déclencher la barrière en fonction de :

  • Vues de page

  • Temps

  • Profondeur de défilement

  • Ouverture d’une lightbox/image

  • Tout - déclenche la barrière lorsque la première condition de déclencheur configurée est remplie

Chaque déclencheur a son propre seuil configurable.

Vous pouvez également configurer un délai entre le déclencheur et l’apparition de la fenêtre modale.

Cela permet de créer différents types de barrières, par exemple :

Afficher la barrière après 3 vues de page.

ou :

Afficher la barrière après 60 secondes.

ou :

Afficher la barrière lorsque le visiteur a défilé 70 % de la page.

Comportement de répétition

L’ancien comportement aléatoire basé sur les vues de page a été étendu en un véritable système de répétition.

Vous pouvez choisir entre :

  • Déclencheur répété : afficher la barrière chaque fois que le déclencheur configuré se déclenche.

  • Vues de page aléatoires : afficher la barrière après un nombre aléatoire de vues de page.

  • Une fois par session : afficher la barrière au plus une fois pendant la session du navigateur.

Le comportement existant « n’afficher qu’une seule fois » est également conservé pour la rétrocompatibilité.

Meilleure personnalisation de la fenêtre modale

La v2.0 ajoute plus de contrôle sur la fenêtre modale elle-même.

Vous pouvez désormais configurer :

  • Taille de la fenêtre modale : compacte, standard ou large

  • Alignement du corps

  • Alignement du pied de page

  • Visibilité du titre

  • Positionnement du titre

  • Style et icône du bouton de connexion

  • Style et icône du bouton d’inscription

La barrière personnalisée a également été améliorée avec un meilleur contrôle sur :

  • Alignement de l’image

  • Largeur de l’image

  • Texte alternatif de l’image

  • Alignement et couleur de l’en-tête

  • Alignement et couleur du texte

  • Couleur d’arrière-plan

  • Couleurs du pied de page et des liens

L’image personnalisée est désormais facultative et utilise également le chargement différé (lazy loading) et les indices de décodage.

Analyses

Guest Gate v2.0 inclut des analyses facultatives respectueuses de la vie privée.

Lorsqu’elles sont activées, Guest Gate suit :

  • Impressions de la barrière

  • Raison du déclencheur

  • Chemin de la page

  • Clics sur la connexion

  • Clics sur l’inscription

  • Actions SSO

  • Actions de fermeture

Les événements sont exposés via window.dataLayer et sont également émis en tant qu’événement du navigateur :

discourse-guest-gate:analytics

Cela permet d’intégrer Guest Gate à des plateformes d’analyse et de gestion de balises telles que Google Analytics, Google Tag Manager, Matomo, ou des implémentations d’analyse personnalisées.

Aucune donnée personnelle n’est collectée par Guest Gate.

Les analyses sont désactivées par défaut.

Installations existantes

L’un des aspects importants de la v2.0 est que les configurations existantes n’ont pas besoin d’être recréées manuellement.

Une migration des paramètres a été ajoutée pour migrer les anciens paramètres de Guest Gate vers leurs équivalents de la v2.

Cela inclut des paramètres tels que :

  • max_guest_topic_views

  • dismissable_false

  • gate_show_when_thumbnail_clicked

Les configurations existantes devraient donc continuer à fonctionner après la mise à niveau.

Le composant nécessite désormais officiellement Discourse 3.2.0 ou plus récent.

Pourquoi la v2.0 ?

Le Guest Gate original était principalement conçu pour limiter le nombre de sujets que les visiteurs anonymes pouvaient consulter.

L’objectif de la v2.0 est de le rendre beaucoup plus flexible.

Guest Gate peut désormais être utilisé comme une barrière de conversion et d’engagement des visiteurs en général, tout en prenant toujours en charge le cas d’utilisation original.

Par exemple, vous pouvez l’utiliser pour encourager l’inscription après qu’un visiteur a :

  • Lu plusieurs sujets

  • Passé une certaine quantité de temps sur le site

  • Défilé un article

  • Ouvert une image

  • Atteint toute combinaison de conditions configurées


C’était une réécriture assez substantielle, donc je suis sûr qu’il peut encore y avoir des choses à améliorer.

Merci à tous ceux qui ont utilisé, testé et fourni des retours sur Guest Gate au fil des ans. :heart:

J’ai également mis à jour le premier message (OP).

Guest Gate v2.0 est maintenant disponible. :rocket:

> ./support --coffee :heart:

4 « J'aime »