宾客门户主题组件

Guest Gate v2.0 - 重大更新

经过大量的工作,我很高兴发布 Guest Gate v2.0:tada:

Guest Gate 最初是一个相对简单的主题组件,基于原始的 Guest Gate Sign Up Popup 插件,旨在鼓励或要求匿名访客在浏览一定数量的主题后注册或登录。

随着时间的推移,该组件的功能大幅增加,原有的实现方式变得越来越难以扩展。

因此,v2.0 不仅仅是一次重构或视觉更新。它引入了全新的触发系统、更好的自定义选项、可选的分析功能,以及底层的一系列改进。

v2.0 有什么新功能?

多种触发类型

Guest Gate 不再局限于主题/页面浏览量。

现在,你可以基于以下条件触发门禁:

  • 页面浏览量

  • 时间

  • 滚动深度

  • 灯箱/图片打开

  • 任意 - 当满足第一个配置的触发条件时触发门禁

每种触发器都有自己可配置的阈值。

你还可以配置触发器与弹窗出现之间的延迟时间。

这使得创建不同类型的门禁成为可能,例如:

在浏览 3 个页面后显示门禁。

或者:

在 60 秒后显示门禁。

或者:

当访客滚动到页面的 70% 时显示门禁。

重复行为

旧的随机页面浏览行为已扩展为一个完整的重复系统。

你可以选择以下模式:

  • 重复触发: 每当配置的触发器触发时都显示门禁。

  • 随机页面浏览: 在随机数量的页面浏览后显示门禁。

  • 每次会话一次: 在浏览器会话期间最多显示一次门禁。

为了向后兼容,现有的“仅显示一次”行为也得以保留。

更好的弹窗自定义

v2.0 增加了对弹窗本身的更多控制。

现在你可以配置:

  • 弹窗大小:紧凑、标准或宽屏

  • 正文对齐方式

  • 页脚对齐方式

  • 标题可见性

  • 标题位置

  • 登录按钮样式和图标

  • 注册按钮样式和图标

自定义门禁也得到了改进,提供了更好的控制:

  • 图片对齐方式

  • 图片宽度

  • 图片替代文本

  • 标题对齐方式和颜色

  • 文本对齐方式和颜色

  • 背景颜色

  • 页脚和链接颜色

自定义图片现在是可选的,并且也使用了懒加载和解码提示。

分析功能

Guest Gate v2.0 包含可选的注重隐私的分析功能。

启用后,Guest Gate 会跟踪:

  • 门禁展示次数

  • 触发原因

  • 页面路径

  • 登录点击

  • 注册点击

  • SSO 操作

  • 关闭操作

事件通过 window.dataLayer 暴露,并作为浏览器事件分发:

discourse-guest-gate:analytics

这使得 Guest Gate 可以与 Google Analytics、Google Tag Manager、Matomo 等分析和标签管理平台或自定义分析实现集成。

Guest Gate 不会收集任何个人数据。

分析功能默认是禁用的。

现有安装

v2.0 的一个重要部分是,现有配置无需手动重新创建。

已添加设置迁移功能,将旧的 Guest Gate 设置迁移到 v2 等效设置。

这包括以下设置:

  • max_guest_topic_views

  • dismissable_false

  • gate_show_when_thumbnail_clicked

因此,升级后现有配置应该继续有效。

该组件现在官方要求 Discourse 3.2.0 或更高版本

为什么是 v2.0?

原始的 Guest Gate 主要围绕限制匿名访客可以浏览的主题数量而设计。

v2.0 的目标是使其更加灵活。

Guest Gate 现在可以用作通用的访客转化和参与门禁,同时仍然支持原始用例。

例如,你可以在访客完成以下操作后使用它来鼓励注册:

  • 阅读了几个主题

  • 在网站上花费了一定时间

  • 滚动浏览了文章

  • 打开了图片

  • 达到了任何配置的条件的组合


这是一次相当实质性的重写,所以我相信可能仍有一些可以改进的地方。

感谢多年来使用、测试和为 Guest Gate 提供反馈的每一个人。:heart:

我也更新了 OP(原帖)。

Guest Gate v2.0 现已可用。 :rocket:

> ./support --coffee :heart:

4 个赞