Componente de tema Guest Gate

Hola :wave: Este componente de tema se crea a partir de Guest Gate (Sign Up Popup Plugin). Puede bloquear temas para visitantes anónimos con una ventana modal y obligarlos a registrarse o iniciar sesión. El componente se puede usar para una ventana modal de alerta, alentando a los visitantes a registrarse pero permitiéndoles cerrar la ventana modal (para esto, deje la configuración dismissable false sin marcar). Las opciones incluyen cambiar el número de temas que se pueden ver antes de que se muestre la ventana modal.


Consejo: Si usa la opción “puerta personalizada” y desea ocultar el encabezado de la ventana modal (como en la imagen de arriba), tiene que eliminar el campo guest_gate.title y presionar una barra espaciadora. Esto eliminará el título de la ventana modal, para que pueda usar un título debajo de la imagen.

Tienes dos opciones principales de puerta:

  1. Puerta genérica (por defecto: usará el texto de llamada a la acción de registro de Discourse en la ventana modal). Utiliza estos textos: js.signup_cta.intro y js.signup_cta.value_prop

  2. Puerta personalizada (puedes personalizar la ventana modal: agregar imagen, texto personalizado y colores).


Y hay muchas otras configuraciones

Configuraciones globales de la ventana modal Guest Gate

  1. max guest topic views
    Número de vistas de temas hasta que se muestre la puerta. Después de que la puerta aparezca por primera vez, aparece aleatoriamente entre 1 y este número.
  2. dismissable false
    Elimina el botón de cierre, lo que impide que los visitantes la cierren.
  3. use gate buttons
    Usa botones en el pie de página de la ventana 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 la ventana 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 la ventana modal “Iniciar sesión” mostrada.
  6. custom signup url
    Por ejemplo, /signup es la página de inicio con la ventana modal “Registrarse” mostrada.
  7. gate footer position
    Posición de los botones/enlaces del pie de página.
  8. gate show only once
    La ventana modal Guest Gate se muestra solo una vez por sesión.

Configuraciones de la puerta personalizada

  1. custom gate enabled
    Habilítalo si deseas personalizar la ventana modal.
  2. custom gate image
    Sube una imagen para mostrarla en la parte superior de la ventana modal.
  3. custom gate image width
    El ancho de la imagen subida. Puedes usar px, % etc., por ejemplo, 100% agregará una imagen de ancho completo de la ventana 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 de la ventana modal.
  7. custom gate footer text color
    Cambia el color del texto del pie de página. 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 del enlace del pie de página. Esto se aplica si la configuración use gate buttons está deshabilitada y has configurado una puerta personalizada.

Crédito :heart: Muchísimas gracias a los autores, mantenedores y colaboradores del plugin: @vinothkannans, @jgujgu y @michaeld

|||
|-|-|-|
| :hammer_and_wrench:|Repositorio| GitHub - VaperinaDEV/discourse-guest-gate-theme-component: Forced login / registration popup insired by Quora |
| :question:|Guía de instalación|Cómo instalar un tema o componente de tema|
| :open_book:|¿Nuevo en los temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse

61 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