Guest Gate 主题组件

你好 :wave: 这个主题组件来自 https://meta.discourse.org/t/guest-gate-sign-up-popup-plugin/56625/。它可以锁定匿名访客的主题,并强制他们注册或登录。该组件可用作一个*警报*模态框,鼓励访客注册,但允许他们关闭模态框(为此,请取消选中“`dismissable false`”设置)。选项包括更改显示模态框之前可以查看的主题数量。


提示: 如果您使用“自定义网关”选项并想隐藏模态框标题(如上图所示),则必须删除 guest_gate.title 字段并按 空格键。这将删除模态框标题,以便您可以在图像下方使用标题。

您有两个主要的网关选项:

  1. 通用网关(默认:它将使用模态框中的 Discourse 注册 CTA 文本)。它使用这些文本:js.signup_cta.introjs.signup_cta.value_prop

  2. 自定义网关(您可以自定义模态框:添加图像、自定义文本和颜色)。


还有很多其他设置

访客网关模态框全局设置

  1. max guest topic views
    显示网关之前的帖子浏览次数。首次出现网关后,它会在 1 到此数字之间随机出现。
  2. dismissable false
    移除关闭按钮,阻止访客关闭它。
  3. use gate buttons
    在模态框页脚使用按钮而不是链接。
  4. custom url enabled
    启用自定义登录 URL 和自定义注册 URL 选项。正常行为(如果您不选中此选项)是在当前帖子页面上显示登录或注册模态框。
  5. custom login url
    例如,/login 是带有“登录”模态框的主页。
  6. custom signup url
    例如,/signup 是带有“注册”模态框的主页。
  7. gate footer position
    页脚按钮/链接位置。
  8. gate show only once
    访客网关模态框每个会话只显示一次。

自定义网关设置

  1. custom gate enabled
    如果您想自定义模态框,请启用它。
  2. custom gate image
    上传要在模态框顶部显示的图像。
  3. custom gate image width
    上传的图像宽度。您可以使用 px、% 等,例如 100% 将添加一个全模态框宽(减去填充)的图像。
  4. custom gate big text color
    “大号文字”显示在图像下方。您可以设置文本颜色。
  5. custom gate little text color
    “小号文字”显示在大号文字下方。您可以设置文本颜色。
  6. custom gate background color
    更改模态框背景颜色。
  7. custom gate footer text color
    更改页脚文本颜色。如果禁用了“use gate buttons”设置并且您已设置自定义网关,则此设置适用。
  8. custom gate link color
    更改页脚链接颜色。如果禁用了“use gate buttons”设置并且您已设置自定义网关,则此设置适用。

致谢 :heart: 非常感谢插件作者、维护者和贡献者:@vinothkannans@jgujgu@michaeld


|||
|-|-|-|
| :hammer_and_wrench:|存储库| GitHub - VaperinaDEV/discourse-guest-gate-theme-component: Forced login / registration popup insired by Quora |
| :question:|安装指南|如何安装主题或主题组件|
| :open_book:|初次使用 Discourse 主题?| 使用 Discourse 主题的初学者指南 |

61 个赞

谢谢!这太棒了 :slight_smile:

我真的很喜欢登录/注册链接可以被替换成按钮。

我建议也许注册按钮应该是高亮的(蓝色)颜色,而“我已经有一个账户”按钮应该是灰色的。至少根据我对流行网站的观察,这似乎更标准。看到该模态框的大多数人可能没有账户,所以这似乎是合理的。

2 个赞

您好 @markersocial

谢谢您的建议!:slightly_smiling_face:

我已经添加了这两个设置。现在您可以更改访客网关模态登录和注册按钮的样式。

btn-primarybtn-default

4 个赞

太棒了,非常感谢 @Don!现在已经更新了,效果很棒 :slight_smile:

我唯一的其他建议是能够自定义重复提示的频率。

设置:访客主题最大浏览次数
“在显示入口之前的主题浏览次数。入口首次出现后,它会在此数字和 1 之间随机出现。”

将访客主题最大浏览次数设置为 1 或 2 很好,可以鼓励用户早期注册 - 但如果用户拒绝(并且未启用每会话显示一次),那么能够以较低的频率再次显示模态框会很好,这样就不会对潜水用户过于激进。例如,每浏览 5 次或更多主题显示一次。

2 个赞

嘿 Don,很棒的组件!有没有可能让注册按钮可自定义,以便插入 URL?我使用 Memberful 进行 SSL,所以普通的注册链接不起作用,只会跳转到登录页面。谢谢!

3 个赞

你好 David,

谢谢,这是一个很棒的建议! :slightly_smiling_face:

我已经添加了。我用 custom_url_enabled 和两个选项替换了 redirect_to_home 设置。

  1. custom_login_url: /login
    (默认情况下,这会重定向到主页并打开登录模态框)
  2. custom_signup_url: /singup
    (默认情况下,这会重定向到主页并打开注册模态框)
4 个赞

太棒了!只有一个问题,现在自定义闸门文本选项不起作用了

1 个赞

我检查了您的网站,对我来说是有效的。也许可以尝试硬刷新或重新打开浏览器,我认为您看到的是缓存版本。

1 个赞

我也是这么想的,清除了缓存,尝试了 4 个不同的浏览器,结果都一样,太奇怪了!如果你不介意再试一次,我刚刚将 guest_gate.title 改成了“Test”,你看到这个更新了吗?

是的,我现在看到的就是这样。

我将尝试检查其他浏览器和设备。

在 VPN、手机、不同网络上都出现了相同的结果。这真是太奇怪了!我想只要其他人能看到正确的文本就可以了!:rofl:

你好 David,

我认为这不正常。 :slightly_smiling_face: 也许存在一个本地化错误。我最好的建议是 set locale from accept language header(从接受语言标头设置本地化)设置。
正如我所见,您在网站上使用了此设置,也许这就是为什么您会在模态框中看到默认文本,因为您的浏览器语言不同,Discourse 会将其返回到默认文本。

您可以关闭此设置然后重试吗?

Screenshot 2022-05-12 at 8.45.19


我现在可以重现这个问题了。我将 Chrome 语言从英语(英国)更改为英语(美国),然后就发生了这种情况。

然后改回英语(英国)

4 个赞

谢谢 Don,你真是帮大忙了!我认为我的安装在语言方面存在一个 bug。由于这似乎不是由你的组件引起的,我将开启一个新话题。感谢你对此事的关注。

编辑:我发现我的管理员区域设置不知何故被更改为英国而不是美国,真是奇怪!将其改回并重新填写字段后,一切都恢复正常了。

3 个赞

3 个帖子被拆分到一个新主题:组件未遵循文本覆盖

这效果很好。谢谢。

我做了一些小的编辑,使第一篇帖子更容易阅读。不过,有一句话我完全不明白:

自定义网址已启用
默认情况下,将自定义网址添加到登录和注册按钮/链接,这会将访问者在点击登录或注册按钮后重定向到主页并打开登录或注册模态框。注意:如果取消选中此项,则访问者在点击按钮后仍停留在主题页面上,并且访客门模态框会更改为登录或注册模态框,该模态框可关闭,因此访问者可以关闭它并阅读主题。

2 个赞

谢谢你,乔纳森 :slightly_smiling_face: 我真的很感激 :heart: 不幸的是,我的英语不是最好的 :confused: 对此很抱歉!我会在主题组件中更改这些,当然你也可以发送一个 PR。 :slightly_smiling_face:

custom url enabled 站点设置的意思是。
你可以为访客网关的登录和注册按钮/链接添加自定义 URL,默认情况下,这些自定义 URL 是 /login/signup,它们会将访客重定向到主页并打开登录或注册模态框。因此,如果你勾选了它,它将激活下面的两个设置。custom login urlcustom signup url

如果你不勾选此设置,那么在点击访客网关的登录或注册按钮/链接后,访客将停留在主题页面,并在同一主题页面上打开登录或注册模态框。之后,访客可以关闭模态框。

我希望这有助于理解,再次感谢你花时间使其更容易理解 :slightly_smiling_face:

2 个赞

您的英语没问题,JavaScript 也没有问题,这才是最重要的 :slight_smile: 这个呢?

  1. custom url enabled – 启用 custom login urlcustom signup url 选项。正常行为(如果您不勾选此选项)是在当前主题页面上显示登录或注册模态框。
  2. custom login url – 例如,/login 是带有“登录”模态框的主页。
  3. custom signup url – 例如,/signup 是带有“注册”模态框的主页。
2 个赞

这很大程度上也归功于插件的作者和贡献者。但我会尽我所能来开发它并添加更多功能、修复等 :slightly_smiling_face:


感谢您的指正 :slightly_smiling_face: 这样看起来好多了。我也会在主题组件中进行更正。

大家好,

我最近安装了这个组件,它运行得非常好,但我不太确定这个门控机制是否会减慢 Google 爬虫抓取主题的速度。

有人知道对爬虫有什么影响吗?

2 个赞

在使用 Discourse Connect 进行 SSO 配置时,我在 Guest Gate 方面遇到了一些问题。

用户可以在主站点登录,然后在 Discourse 中显示已登录,但在点击几个主题后,Guest Gate 模态框会弹出。这很不寻常,因为用户已登录。

我为登录设置了自定义 URL,因此当用户点击“我已登录”时,他们会被引导至自定义登录页面,然后循环重复。

唯一的解决方法是当用户点击 Discourse 中的原生登录按钮时,他们会自动登录。

看起来 Guest Gate 由于某种原因未能识别 SSO 登录,而是要求进行原生登录才能激活。

其他人是否遇到过此问题?有什么解决方案或变通方法吗?

1 个赞