Componente del tema Guest Gate

Hola :wave: Este componente de tema se creó a partir de Guest Gate (Sign Up Popup Plugin). Puede bloquear temas para visitantes anónimos con un modal y obligarlos a Registrarse o Iniciar sesión. El componente puede usarse para un modal de alerta, que anime a los visitantes a registrarse pero les permita cerrar el modal (para esto, deja sin marcar la configuración dismissable false). Las opciones incluyen cambiar el número de temas que se pueden ver antes de que se muestre el modal.


Consejo: Si usas la opción de “puerta personalizada” y quieres ocultar la cabecera del modal (como en la imagen de arriba), debes borrar el campo guest_gate.title y presionar espacio. Esto eliminará el título del modal, de modo que puedas usar un título debajo de la imagen.

Tienes dos opciones principales de puerta:

  1. Puerta genérica (predeterminada: usará el texto de la CTA de registro de Discourse en el modal). Usa estos textos: js.signup_cta.intro y js.signup_cta.value_prop

  2. Puerta personalizada (puedes personalizar el modal: agregar imagen, texto y colores personalizados).


Y hay muchas otras configuraciones

Configuraciones globales del modal Guest Gate

  1. max guest topic views
    Número de visualizaciones de temas hasta que se muestre la puerta. Después de que la puerta aparezca por primera vez, aparecerá aleatoriamente entre 1 y este número.
  2. dismissable false
    Elimina el botón de cerrar, lo que impide que los visitantes lo cierren.
  3. use gate buttons
    Usa botones en el pie del modal en lugar de enlaces.
  4. custom url enabled
    Habilita las opciones de URL de inicio de sesión personalizada y URL de registro personalizada. El comportamiento normal (si dejas esta opción sin marcar) es que el modal de Inicio de sesión o Registro aparezca en la página del tema actual.
  5. custom login url
    Por ejemplo, /login es la página de inicio con el modal de “Inicio de sesión” mostrado.
  6. custom signup url
    Por ejemplo, /signup es la página de inicio con el modal de “Registro” mostrado.
  7. gate footer position
    Posición de los botones/enlaces del pie.
  8. gate show only once
    El modal Guest Gate se muestra solo una vez por sesión.

Configuraciones de Puerta Personalizada

  1. custom gate enabled
    Habilítalo si deseas personalizar el modal.
  2. custom gate image
    Sube una imagen para mostrar en la parte superior del modal.
  3. custom gate image width
    El ancho de la imagen subida. Puedes usar px, % etc., p. ej., 100% añadirá una imagen de ancho completo del modal (menos el relleno).
  4. custom gate big text color
    El “texto grande” aparece debajo de la imagen. Puedes establecer el color del texto.
  5. custom gate little text color
    El “texto pequeño” aparece debajo del texto grande. Puedes establecer el color del texto.
  6. custom gate background color
    Cambia el color de fondo del modal.
  7. custom gate footer text color
    Cambia el color del texto del pie. Esto se aplica si la configuración use gate buttons está deshabilitada y has configurado una puerta personalizada.
  8. custom gate link color
    Cambia el color de los enlaces del pie. Esto se aplica si la configuración use gate buttons está deshabilitada y has configurado una puerta personalizada.

Crédito :heart: Grandes agradecimientos a los autores, mantenedores y contribuyentes del plugin: @vinothkannans, @jgujgu y @michaeld

62 Me gusta

¡Gracias! Esto es genial :slight_smile:

Me gusta mucho que los enlaces de inicio de sesión/registro se puedan reemplazar con botones.

Sugeriría que quizás el botón de registro sea del color destacado (azul) y el botón ‘Ya tengo una cuenta’ sea gris. Eso parece ser más estándar, al menos según mis observaciones de sitios populares. Probablemente la mayoría de las personas que vean el modal no tengan una cuenta, así que probablemente tenga sentido.

2 Me gusta

Hola @markersocial,

¡Gracias por la sugerencia! :slightly_smiling_face:

He añadido estas dos configuraciones. Ahora puedes cambiar el estilo de los botones de inicio de sesión y registro del modal de la puerta de invitados.

btn-primary o btn-default

4 Me gusta

¡Fantástico, muchas gracias @Don! Lo he actualizado ahora y funciona de maravilla :slight_smile:

Mi única otra sugerencia sería poder personalizar la frecuencia de los avisos recurrentes.

Configuración: máximo de vistas de temas para invitados
“Número de vistas de temas hasta que se muestra la puerta de acceso. Después de que la puerta de acceso aparece por primera vez, aparece aleatoriamente entre 1 y este número.”

Tener un máximo de vistas de temas para invitados de 1 o 2 es bueno, anima a registrarse pronto, pero si el usuario lo rechaza (y no está habilitada la opción de mostrar una vez por sesión), sería bueno poder mostrar el modal de nuevo a una frecuencia menor para que no sea demasiado agresivo con los que solo observan. Como cada 5 o más vistas de temas, por ejemplo.

2 Me gusta

Hola Don, ¡gran componente! ¿Hay alguna posibilidad de que puedas hacer que el botón de registro sea personalizable para que se pueda insertar una URL? Uso Memberful para SSL, por lo que el enlace de registro normal no funciona, simplemente te redirige a la página de inicio de sesión. ¡Gracias!

3 Me gusta

Hola David,

¡Gracias, es una gran sugerencia! :slightly_smiling_face:

Lo he añadido. He reemplazado la configuración redirect_to_home con custom_url_enabled y dos opciones.

  1. custom_login_url: /login
    (por defecto, esto redirige a la página de inicio y abre el modal de inicio de sesión)
  2. custom_signup_url: /singup
    (por defecto, esto redirige a la página de inicio y abre el modal de registro)
4 Me gusta

¡Fantástico! Solo un problema, ahora las opciones de texto de puerta personalizadas no funcionan

1 me gusta

He revisado tu sitio y funciona para mí. Quizás intenta una actualización forzada o vuelve a abrir el navegador, creo que estás viendo una versión en caché.

1 me gusta

Eso es lo que pensé, borré mi caché, probé 4 navegadores diferentes y todos eran iguales, ¡muy extraño! Si no le importa intentarlo de nuevo, acabo de cambiar guest_gate.title a ‘Test’, ¿ve esta actualización?

Sí, esto es lo que veo ahora.

Intentaré comprobar otros navegadores y dispositivos.

Mismos resultados a través de VPN, en mi teléfono, en una red diferente. ¡Esto es lo más extraño que jamás haya ocurrido! ¡Supongo que mientras todos los demás puedan ver el texto correcto, está bien! :rofl:

Hola David,

Creo que eso no es normal. :slightly_smiling_face: Quizás haya un error de configuración regional. Mi mejor consejo es la configuración establecer configuración regional desde la cabecera de aceptación del idioma.
Como veo que estás usando esto en tu sitio, y tal vez por eso ves los textos predeterminados en la ventana modal porque el idioma de tu navegador es diferente y Discourse lo devuelve al texto predeterminado.

¿Puedes desactivar esta configuración y volver a intentarlo?

Screenshot 2022-05-12 at 8.45.19


Ahora puedo replicar esto. Cambié el idioma de Chrome de inglés (Reino Unido) a inglés (Estados Unidos) y sucedió esto.

y volví a inglés (Reino Unido)

4 Me gusta

¡Gracias Don, eres increíblemente útil! Creo que hay un error en mi instalación con los idiomas. Como esto no parece ser causado por tu componente, iniciaré un nuevo tema. Agradezco que hayas investigado esto.

EDITAR: Descubrí que mi configuración regional de administrador se había cambiado a Reino Unido en lugar de EE. UU., ¡muy extraño! La cambié de nuevo y completé los campos nuevamente, ahora todo está bien en el mundo.

3 Me gusta

3 publicaciones se dividieron en un nuevo tema: Components not respecting text overrides

Esto funciona muy bien. Gracias.

He hecho algunas ediciones menores para que la primera publicación sea más fácil de leer. Sin embargo, hubo una oración que no pude entender en absoluto:

url personalizada habilitada
Agrega una url personalizada a los botones/enlaces de Inicio de sesión y Registro; por defecto, esto redirigirá al visitante después de hacer clic en el botón de Inicio de sesión o Registro a la página de inicio y abrirá la ventana modal de Inicio de sesión o Registro. Nota: Si dejas esto sin marcar, el visitante permanecerá en la página del tema después de hacer clic en los botones y la ventana modal de Puerta de invitado cambiará a la ventana modal de Inicio de sesión o Registro, que se puede descartar para que el visitante pueda cerrarla y leer el tema.

2 Me gusta

Gracias Jonathan :slightly_smiling_face: Realmente lo aprecio :heart: Desafortunadamente, mi inglés no es el mejor :confused: ¡Perdón por esto! Cambiaré esto en el Componente de Tema o, por supuesto, también podrías enviar una PR. :slightly_smiling_face:

La configuración del sitio custom url enabled significa:
Puedes agregar URLs personalizadas a los botones/enlaces de inicio de sesión y registro de Guest Gate, que por defecto usan estas URLs personalizadas /login y /signup, estas redirigen al visitante a la página de inicio y abren la ventana modal de inicio de sesión o registro. Por lo tanto, si la marcas, activará las dos configuraciones debajo de esta: custom login url y custom signup url.

Si dejas esta configuración sin marcar, mantendrá al visitante en la página del tema después de hacer clic en los botones/enlaces de inicio de sesión o registro de Guest Gate y abrirá la ventana modal de inicio de sesión o registro en la misma página del tema. Después de esto, el visitante puede cerrar la ventana modal.

Espero que ayude a entender y, de nuevo, gracias por tu tiempo para hacerlo más comprensible :slightly_smiling_face:

2 Me gusta

Tu inglés está bien, y no hay nada malo en tu JavaScript, que es lo importante :slight_smile: ¿Qué tal esto?

  1. custom url enabled – Habilita las opciones custom login url y custom signup url. El comportamiento normal (si dejas esta opción sin marcar) es que aparezca la ventana modal de Inicio de sesión o Registro en la página del tema actual.
  2. custom login url – Por ejemplo, /login es la página principal con la ventana modal de "Inicio de sesión" mostrada.
  3. custom signup url – Por ejemplo, /signup es la página principal con la ventana modal de "Registro" mostrada.
2 Me gusta

Eso es en gran parte gracias a los autores y colaboradores de los plugins también. Pero hago mi mejor esfuerzo para desarrollar esto y agregar más funciones, correcciones, etc. :slightly_smiling_face:


Gracias por la corrección :slightly_smiling_face: eso parece mucho mejor. Corregiré esto en el componente del tema también.

Hola a todos,

Recientemente instalé este componente y funciona de maravilla, pero no estoy seguro de si el mecanismo de compuerta ralentiza al bot de Google al rastrear los temas.

¿Alguien sabe sobre el impacto en los rastreadores?

2 Me gusta

Tengo algunos problemas de configuración con Guest Gate cuando uso SSO con Discourse Connect.

El usuario puede iniciar sesión en el sitio principal y luego parece estar conectado en Discourse, pero después de hacer clic en algunos temas, aparece la ventana modal de Guest Gate. Esto es inusual ya que el usuario ha iniciado sesión.

Tengo URL personalizadas para iniciar sesión, por lo que cuando el usuario hace clic en “Ya he iniciado sesión”, se le redirige a la página de inicio de sesión personalizada y el ciclo se repite.

La única forma de evitar esto es cuando el usuario hace clic en el botón de inicio de sesión nativo en Discourse y se conecta automáticamente.

Parece que por alguna razón Guest Gate no respeta el inicio de sesión de SSO y requiere el inicio de sesión nativo para activarse.

¿Otras personas se han enfrentado a este problema? ¿Alguna sugerencia para una solución o un método alternativo?

1 me gusta