Componente de Tema Guest Gate

Olá :wave: Este componente de tema é criado a partir de Guest Gate (Sign Up Popup Plugin). Ele pode bloquear tópicos para visitantes anônimos com um modal e forçá-los a se inscrever ou fazer login. O componente pode ser usado para um modal de alerta, incentivando os visitantes a se inscreverem, mas permitindo que fechem o modal (para isso, deixe a configuração dismissable false desmarcada). As opções incluem alterar o número de tópicos que podem ser visualizados antes que o modal seja exibido.


Dica: Se você usar a opção “custom gate” e quiser ocultar o cabeçalho do modal (como na imagem acima), você terá que excluir o campo guest_gate.title e pressionar uma barra de espaço. Isso removerá o título do modal, permitindo que você use um título abaixo da imagem.

Você tem duas opções principais de portão:

  1. Portão genérico (padrão: usará o texto do CTA de Inscrição do Discourse no modal). Ele usa estes textos: js.signup_cta.intro e js.signup_cta.value_prop

  2. Portão personalizado (você pode personalizar o modal: adicionar imagem, texto e cores personalizadas).


E há muitas outras configurações

Configurações globais do modal Guest Gate

  1. max guest topic views
    Número de visualizações de tópicos até que o portão seja exibido. Depois que o portão aparece pela primeira vez, ele aparece aleatoriamente entre 1 e este número.
  2. dismissable false
    Remove o botão de fechar, o que impede os visitantes de fechá-lo.
  3. use gate buttons
    Use botões no rodapé do modal em vez de links.
  4. custom url enabled
    Ativa as opções de URL de login personalizado e URL de inscrição personalizada. O comportamento normal (se você deixar esta opção desmarcada) é que o modal de Login ou Inscrição apareça na página do tópico atual.
  5. custom login url
    Por exemplo, /login é a página inicial com o modal “Login” exibido.
  6. custom signup url
    Por exemplo, /signup é a página inicial com o modal “Inscrição” exibido.
  7. gate footer position
    Posição dos botões/links do rodapé.
  8. gate show only once
    Modal Guest Gate exibido apenas uma vez por sessão.

Configurações do Portão Personalizado

  1. custom gate enabled
    Ative-o se quiser personalizar o modal.
  2. custom gate image
    Faça upload de uma imagem para exibir no topo do modal.
  3. custom gate image width
    A largura da imagem carregada. Você pode usar px, % etc., por exemplo, 100% adicionará uma imagem de largura total do modal (menos o preenchimento).
  4. custom gate big text color
    O “texto grande” aparece abaixo da imagem. Você pode definir a cor do texto.
  5. custom gate little text color
    O “texto pequeno” aparece abaixo do texto grande. Você pode definir a cor do texto.
  6. custom gate background color
    Altere a cor de fundo do modal.
  7. custom gate footer text color
    Altere a cor do texto do rodapé. Isso se aplica se a configuração use gate buttons estiver desativada e você tiver configurado um portão personalizado.
  8. custom gate link color
    Altere a cor do link do rodapé. Isso se aplica se a configuração use gate buttons estiver desativada e você tiver configurado um portão personalizado.

Créditos :heart: Muito obrigado aos autores, mantenedores e contribuidores do plugin: @vinothkannans, @jgujgu e @michaeld

|||
|-|-|-|
| :hammer_and_wrench:|Repositório| GitHub - VaperinaDEV/discourse-guest-gate-theme-component: Forced login / registration popup insired by Quora |
| :question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| :open_book:|Novo em Temas do Discourse?| Guia para iniciantes no uso de Temas do Discourse

61 curtidas

Obrigado! Isso é ótimo :slight_smile:

Gostei muito que os links de login/cadastro podem ser substituídos por botões.

Eu sugeriria que talvez o botão de cadastro devesse ter a cor destacada (azul) com o botão ‘Eu já tenho uma conta’ sendo cinza. Isso parece ser mais padrão, pelo menos com base nas minhas observações de sites populares. Provavelmente a maioria das pessoas que veem o modal não tem uma conta, então isso provavelmente faz sentido.

2 curtidas

Olá @markersocial,

Obrigado pela sugestão! :slightly_smiling_face:

Adicionei estas duas configurações. Agora você pode alterar o estilo dos botões de login e cadastro do modal de entrada de convidados.

btn-primary ou btn-default

4 curtidas

Fantástico, muito obrigado @Don! Atualizei agora e está funcionando muito bem :slight_smile:

Minha única outra sugestão seria poder personalizar a frequência dos prompts recorrentes.

Configuração: max guest topic views
“Número de visualizações de tópicos até que o portão seja exibido. Depois que o portão aparece pela primeira vez, ele aparece aleatoriamente entre 1 e este número.”

Ter o max guest topic views definido como 1 ou 2 é bom, incentivando o cadastro antecipado - mas se o usuário recusar (e “mostrar uma vez por sessão” não estiver ativado), seria bom poder mostrar o modal novamente com uma frequência menor para que não seja muito agressivo com os “lurkers”. Como a cada 5 ou mais visualizações de tópicos, por exemplo.

2 curtidas

Ei Don, ótimo componente! Haveria alguma chance de você tornar o botão de inscrição personalizável para que um URL pudesse ser inserido? Eu uso o Memberful para SSL, então o link de inscrição normal não funciona, apenas te leva para a página de login. Obrigado!

3 curtidas

Olá David,

Obrigado, esta é uma ótima sugestão! :slightly_smiling_face:

Eu adicionei isso. Substituí a configuração redirect_to_home por custom_url_enabled e duas opções.

  1. custom_login_url: /login
    (por padrão, isso redireciona para a página inicial e abre a modal de login)
  2. custom_signup_url: /singup
    (por padrão, isso redireciona para a página inicial e abre a modal de inscrição)
4 curtidas

Fantástico! Apenas um problema, agora as opções de texto de portão personalizado não estão funcionando

1 curtida

Verifiquei seu site e funciona para mim. Talvez tente uma atualização forçada ou reabra o navegador, acho que você está vendo uma versão em cache.

1 curtida

Era o que eu também pensava, limpei meu cache, tentei 4 navegadores diferentes e todos estavam iguais, muito estranho! Se você não se importar de tentar novamente, acabei de mudar o guest_gate.title para ‘Test’, você vê essa atualização?

Sim, é isso que vejo agora.

Vou tentar verificar outros navegadores e dispositivos.

Mesmos resultados via VPN, no meu celular, em uma rede diferente. Isso é a coisa mais estranha de todas! Acho que, desde que todo mundo possa ver o texto correto, tudo bem! :rofl:

Olá David,

Acho que isso não é normal. :slightly_smiling_face: Talvez haja um bug de localidade. Minha melhor dica é a configuração definir localidade a partir do cabeçalho de aceitação de idioma.
Como vejo que você está usando isso em seu site, talvez seja por isso que você veja os textos padrão no modal porque o idioma do seu navegador é diferente e o Discourse o retorna para o texto padrão.

Você pode desativar essa configuração e tentar novamente?

Screenshot 2022-05-12 at 8.45.19


Agora consigo replicar isso. Mudei o idioma do Chrome de Inglês (Reino Unido) para Inglês (Estados Unidos) e isso aconteceu.

e volte para Inglês (Reino Unido)

4 curtidas

Obrigado Don, você é incrivelmente prestativo! Acho que há um bug na minha instalação com os idiomas. Como isso não parece ser causado pelo seu componente, vou iniciar um novo tópico. Agradeço por investigar isso.

EDIT: Descobri que minha localidade de administrador havia sido alterada de alguma forma para UK em vez de US, muito estranho! Mudei de volta e preenchi os campos novamente, agora tudo está bem no mundo.

3 curtidas

3 posts foram divididos em um novo tópico: Componentes não respeitam substituições de texto

Isso funciona muito bem. Obrigado.

Fiz algumas pequenas edições para tornar a primeira postagem mais fácil de ler. No entanto, havia uma frase que eu não conseguia entender de jeito nenhum:

URL personalizada ativada
Adicione uma URL personalizada aos botões/links de Login e Cadastro. Por padrão, isso redireciona o visitante após clicar no botão de Login ou Cadastro para a página inicial e abre o modal de Login ou Cadastro. Observação: Se você deixar isso desmarcado, o visitante permanecerá na página do tópico após clicar nos botões e o modal Guest Gate mudará para o modal de Login ou Cadastro, que pode ser dispensado, para que o visitante possa fechá-lo e ler o tópico.

2 curtidas

Obrigado Jonathan :slightly_smiling_face: Eu realmente aprecio :heart: Infelizmente meu inglês não é o melhor :confused: Desculpe por isso! Eu mudarei isso no Componente de Tema ou, claro, você também pode enviar um PR. :slightly_smiling_face:

A configuração do site custom url enabled significa.
Você pode adicionar URLs personalizadas aos botões/links de Login e Cadastro do Guest Gate, que por padrão usam essas URLs personalizadas /login e /signup, que redirecionam o visitante para a página inicial e abrem o modal de Login ou Cadastro. Portanto, se você a marcar, ela ativará as duas configurações abaixo dela. A custom login url e custom signup url.

Se você deixar esta configuração desmarcada, ela manterá o visitante na página do tópico após clicar nos botões/links de Login ou Cadastro do Guest Gate e abrirá o modal de Login ou Cadastro na mesma página do tópico. Depois disso, o visitante pode fechar o modal.

Espero que ajude a entender e, novamente, obrigado pelo seu tempo para torná-lo mais compreensível :slightly_smiling_face:

2 curtidas

Seu inglês está bom e não há nada de errado com seu JavaScript, que é o importante :slight_smile: Que tal isto?

  1. URL personalizada ativada – Ative as opções URL de login personalizada e URL de cadastro personalizada. O comportamento normal (se você deixar esta opção desmarcada) é que a janela modal de Login ou Cadastro apareça na página do tópico atual.
  2. URL de login personalizada – Por exemplo, /login é a página inicial com a janela modal de "Login" exibida.
  3. URL de cadastro personalizada – Por exemplo, /signup é a página inicial com a janela modal de "Cadastro" exibida.
2 curtidas

Isso é em grande parte graças aos autores e contribuidores do plugin também. Mas eu faço o meu melhor para desenvolver isso e adicionar mais recursos, correções, etc. :slightly_smiling_face:


Obrigado pela correção :slightly_smiling_face: isso parece muito melhor. Eu também corrigirei isso no componente do tema.

Olá a todos,

Recentemente instalei este componente e ele funciona perfeitamente, mas não tenho certeza se o mecanismo de bloqueio retarda o Google bot de rastrear os tópicos.

Alguém sabe sobre o impacto nos rastreadores?

2 curtidas

Estou tendo alguns problemas de configuração com o Guest Gate ao usar SSO com o Discourse Connect.

O usuário consegue fazer login no site principal e, em seguida, parece estar logado no Discourse, mas após clicar em alguns tópicos, a modal do Guest Gate aparece. Isso é incomum, pois o usuário está logado.

Tenho URLs personalizadas para login, então quando o usuário clica em “Já estou logado”, ele é direcionado para a página de login personalizada e o ciclo se repete.

A única maneira de contornar isso é quando o usuário clica no botão de login nativo no Discourse e é automaticamente logado.

Parece que, por algum motivo, o Guest Gate não está respeitando o login do SSO e requer o login nativo para ativar.

Outras pessoas já enfrentaram esse problema? Alguma sugestão de solução ou contorno?

1 curtida