Composant de thème Guest Gate

Bonjour :wave: Ce composant de thème est créé à partir de Guest Gate (Sign Up Popup Plugin). Il permet de verrouiller les sujets pour les visiteurs anonymes à l’aide d’une fenêtre modale et de les obliger à s’inscrire ou à se connecter. Le composant peut être utilisé pour une fenêtre modale d’alerte, encourageant les visiteurs à s’inscrire tout en leur permettant de fermer la fenêtre (pour cela, laissez l’option dismissable false décochée). Les options incluent la modification du nombre de sujets pouvant être consultés avant l’affichage de la fenêtre modale.


Astuce : Si vous utilisez l’option « porte personnalisée » et souhaitez masquer l’en-tête de la fenêtre modale (comme sur l’image ci-dessus), vous devez supprimer le champ guest_gate.title et appuyer sur la barre d’espace. Cela supprimera le titre de la fenêtre modale, afin que vous puissiez utiliser un titre sous l’image.

Vous avez deux options principales de porte :

  1. Porte générique (par défaut : elle utilisera le texte d’appel à l’action d’inscription de Discourse dans la fenêtre modale). Elle utilise ces textes : js.signup_cta.intro et js.signup_cta.value_prop

  2. Porte personnalisée (vous pouvez personnaliser la fenêtre modale : ajouter une image, un texte personnalisé et des couleurs).


Et il y a beaucoup d’autres paramètres

Paramètres globaux de la fenêtre modale Guest Gate

  1. max guest topic views
    Nombre de vues de sujets avant l’affichage de la porte. Après la première apparition de la porte, elle apparaît aléatoirement entre 1 et ce nombre.
  2. dismissable false
    Supprime le bouton de fermeture, ce qui empêche les visiteurs de la fermer.
  3. use gate buttons
    Utilise des boutons dans le pied de page de la fenêtre modale au lieu de liens.
  4. custom url enabled
    Active les options d’URL de connexion personnalisée et d’URL d’inscription personnalisée. Le comportement normal (si vous laissez cette option décochée) est que la fenêtre modale de connexion ou d’inscription s’affiche sur la page du sujet actuel.
  5. custom login url
    Par exemple, /login est la page d’accueil avec la fenêtre modale « Connexion » affichée.
  6. custom signup url
    Par exemple, /signup est la page d’accueil avec la fenêtre modale « Inscription » affichée.
  7. gate footer position
    Position des boutons/liens du pied de page.
  8. gate show only once
    La fenêtre modale Guest Gate ne s’affiche qu’une seule fois par session.

Paramètres de la porte personnalisée

  1. custom gate enabled
    Activez-le si vous souhaitez personnaliser la fenêtre modale.
  2. custom gate image
    Téléchargez une image à afficher en haut de la fenêtre modale.
  3. custom gate image width
    Largeur de l’image téléversée. Vous pouvez utiliser px, % etc., par exemple 100 % ajoutera une image de la largeur complète de la fenêtre modale (moins le rembourrage).
  4. custom gate big text color
    Le « grand texte » apparaît sous l’image. Vous pouvez définir la couleur du texte.
  5. custom gate little text color
    Le « petit texte » apparaît sous le grand texte. Vous pouvez définir la couleur du texte.
  6. custom gate background color
    Modifiez la couleur d’arrière-plan de la fenêtre modale.
  7. custom gate footer text color
    Modifiez la couleur du texte du pied de page. Cela s’applique si le paramètre use gate buttons est désactivé et que vous avez configuré une porte personnalisée.
  8. custom gate link color
    Modifiez la couleur des liens du pied de page. Cela s’applique si le paramètre use gate buttons est désactivé et que vous avez configuré une porte personnalisée.

Crédit :heart: Merci énormément aux auteurs, mainteneurs et contributeurs du plugin : @vinothkannans, @jgujgu et @michaeld

62 « J'aime »

Merci ! C’est super :slight_smile:

J’aime beaucoup que les liens de connexion / inscription puissent être remplacés par des boutons.

Je suggérerais que le bouton d’inscription soit de couleur vive (bleue) et que le bouton « J’ai déjà un compte » soit gris. Cela semble plus standard, du moins d’après mes observations de sites populaires. La plupart des personnes qui verront la fenêtre modale n’auront probablement pas de compte, donc cela semble logique.

2 « J'aime »

Bonjour @markersocial,

Merci pour la suggestion ! :slightly_smiling_face:

J’ai ajouté ces deux paramètres. Vous pouvez maintenant modifier le style des boutons de connexion et d’inscription de la modale de la porte d’invité.

btn-primary ou btn-default

4 « J'aime »

Fantastique, merci beaucoup @Don ! Je l’ai mis à jour maintenant et ça fonctionne à merveille :slight_smile:

Ma seule autre suggestion serait de pouvoir personnaliser la fréquence des invites récurrentes.

Paramètre : nombre maximum de vues de sujet par un invité
« Nombre de vues de sujet jusqu’à l’affichage de la porte. Une fois que la porte apparaît pour la première fois, elle apparaît aléatoirement entre 1 et ce nombre. »

Avoir un nombre maximum de vues de sujet par un invité défini sur 1 ou 2 est bien, encourageant l’inscription tôt - mais si l’utilisateur refuse (et que l’affichage une fois par session n’est pas activé), il serait bien de pouvoir afficher à nouveau la modale à une fréquence moins élevée afin qu’elle ne soit pas trop agressive envers les observateurs. Par exemple, toutes les 5 vues de sujet ou plus.

2 « J'aime »

Salut Don, super composant ! Auriez-vous une chance de rendre le bouton d’inscription personnalisable afin qu’une URL puisse y être insérée ? J’utilise Memberful pour le SSL, donc le lien d’inscription normal ne fonctionne pas, il renvoie simplement à la page de connexion. Merci !

3 « J'aime »

Bonjour David,

Merci, c’est une excellente suggestion ! :slightly_smiling_face:

Je l’ai ajoutée. J’ai remplacé le paramètre redirect_to_home par custom_url_enabled et deux options.

  1. custom_login_url : /login
    (par défaut, cela redirige vers la page d’accueil et ouvre la fenêtre modale de connexion)
  2. custom_signup_url : /singup
    (par défaut, cela redirige vers la page d’accueil et ouvre la fenêtre modale d’inscription)
4 « J'aime »

Fantastique ! Un seul problème, les options de texte de porte personnalisées ne fonctionnent plus

1 « J'aime »

J’ai vérifié votre site et cela fonctionne pour moi. Essayez peut-être un rafraîchissement forcé ou rouvrez le navigateur, je pense que vous voyez une version mise en cache.

1 « J'aime »

C’est ce que je pensais aussi, j’ai vidé mon cache, j’ai essayé 4 navigateurs différents et tous étaient identiques, très étrange ! Si cela ne vous dérange pas d’essayer à nouveau, je viens de changer guest_gate.title en ‘Test’, voyez-vous cette mise à jour ?

Oui, c’est ce que je vois maintenant.

Je vais essayer de vérifier d’autres navigateurs et appareils.

Mêmes résultats via VPN, sur mon téléphone, sur un réseau différent. C’est la chose la plus étrange qui soit ! Je suppose que tant que tout le monde peut voir le texte correct, ça va ! :rofl:

Salut David,

Je pense que ce n’est pas normal. :slightly_smiling_face: Il y a peut-être un bug de locale. Mon meilleur conseil est le réglage définir la locale à partir de l'en-tête d'acceptation du langage.
Comme je vois que vous l’utilisez sur votre site, c’est peut-être pour cela que vous voyez les textes par défaut sur la modale car la langue de votre navigateur est différente et Discourse la renvoie au texte par défaut.

Pouvez-vous désactiver ce réglage et réessayer ?

Screenshot 2022-05-12 at 8.45.19


Maintenant, je peux reproduire cela. J’ai changé la langue de Chrome de l’anglais (Royaume-Uni) à l’anglais (États-Unis) et c’est ce qui s’est passé.

et revenir à l’anglais (Royaume-Uni)

4 « J'aime »

Merci Don, tu es incroyablement serviable ! Je pense qu’il y a un bug dans mon installation avec les langues. Comme cela ne semble pas être causé par votre composant, je vais ouvrir un nouveau sujet. J’apprécie que vous vous penchiez sur la question.

EDIT : J’ai découvert que ma locale d’administration avait été changée en UK au lieu de US, très étrange ! Je l’ai reconfigurée et rempli à nouveau les champs, tout va bien maintenant dans le monde.

3 « J'aime »

3 messages ont été divisées dans un nouveau sujet : Les composants ne respectent pas les remplacements de texte

Cela fonctionne très bien. Merci.

J’ai apporté quelques modifications mineures pour rendre le premier message plus facile à lire. Il y avait une phrase que je ne pouvais pas du tout comprendre :

URL personnalisée activée
Ajoutez une URL personnalisée aux boutons/liens de connexion et d’inscription. Par défaut, cela redirige le visiteur après avoir cliqué sur le bouton de connexion ou d’inscription vers la page d’accueil et ouvre la fenêtre modale de connexion ou d’inscription. Remarque : Si vous ne cochez pas cette case, le visiteur reste sur la page du sujet après avoir cliqué sur les boutons et la fenêtre modale Guest Gate change avec la fenêtre modale de connexion ou d’inscription qui est dismissible, de sorte que le visiteur peut la fermer et lire le sujet.

2 « J'aime »

Merci Jonathan :slightly_smiling_face: J’apprécie vraiment :heart: Malheureusement, mon anglais n’est pas le meilleur :confused: Désolé pour ça ! Je vais changer cela dans le composant Thème ou bien sûr, vous pourriez aussi envoyer une PR. :slightly_smiling_face:

Le paramètre de site custom url enabled signifie.
Vous pouvez ajouter des URL personnalisées aux boutons/liens de connexion et d’inscription de la porte d’entrée invité qui, par défaut, utilisent ces URL personnalisées /login et /signup qui redirigent le visiteur vers la page d’accueil et ouvrent la fenêtre modale de connexion ou d’inscription. Donc, si vous l’avez coché, cela activera les deux paramètres ci-dessous. Les custom login url et custom signup url.

Si vous laissez ce paramètre décoché, le visiteur restera sur la page du sujet après avoir cliqué sur les boutons/liens de connexion ou d’inscription de la porte d’entrée invité et ouvrira la fenêtre modale de connexion ou d’inscription sur la même page de sujet. Après cela, le visiteur peut fermer la fenêtre modale.

J’espère que cela vous aide à comprendre et encore merci pour votre temps pour rendre cela plus compréhensible :slightly_smiling_face:

2 « J'aime »

Votre anglais est bon et il n’y a rien de mal avec votre JavaScript, ce qui est le plus important :slight_smile: Qu’en est-il de ceci ?

  1. URL personnalisée activée – Activez les options URL de connexion personnalisée et URL d'inscription personnalisée. Le comportement normal (si vous laissez cette option décochée) est que la fenêtre modale de connexion ou d’inscription apparaisse sur la page du sujet actuelle.
  2. URL de connexion personnalisée – Par exemple, /login est la page d’accueil avec la fenêtre modale « Connexion » affichée.
  3. URL d'inscription personnalisée – Par exemple, /signup est la page d’accueil avec la fenêtre modale « Inscription » affichée.
2 « J'aime »

C’est en grande partie grâce aux auteurs et contributeurs de plugins également. Mais je fais de mon mieux pour développer ceci et ajouter plus de fonctionnalités, de corrections, etc. :slightly_smiling_face:


Merci pour la correction :slightly_smiling_face: cela semble beaucoup mieux. Je corrigerai également cela dans le composant de thème.

Salut à tous,

J’ai récemment installé ce composant et il fonctionne à merveille, mais je ne suis pas sûr si le mécanisme de blocage ralentit le robot de Google dans son exploration des sujets.

Quelqu’un connaît-il l’impact sur les robots d’exploration ?

2 « J'aime »

J’ai des problèmes de configuration avec Guest Gate lorsque j’utilise l’authentification unique (SSO) avec Discourse Connect.

L’utilisateur peut se connecter sur le site principal et semble ensuite être connecté dans Discourse, mais après avoir cliqué sur quelques sujets, la fenêtre modale Guest Gate s’affiche. C’est inhabituel car l’utilisateur est connecté.

J’ai des URL personnalisées pour la connexion, donc lorsque l’utilisateur clique sur “Je suis déjà connecté”, il est redirigé vers la page de connexion personnalisée et le cycle se répète.

La seule façon de contourner cela est lorsque l’utilisateur clique sur le bouton de connexion natif dans Discourse et qu’il est automatiquement connecté.

Il semble que pour une raison quelconque, Guest Gate n’honore pas la connexion SSO et nécessite une connexion native pour s’activer.

D’autres personnes ont-elles rencontré ce problème ? Des suggestions de solution ou de contournement ?

1 « J'aime »