FastComments.com

Add Comments With Memberstack


使用 FastComments,结合 Memberstack,我们可以设置仅限会员的专属评论功能!


代码 Internal Link

我们可以通过一小段代码轻松地将 FastComments 与 Memberstack 连接起来:

FastComments Memberstack Snippet
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.$memberstackDom.getCurrentMember().then(({data: member}) => {
6 if (member) {
7 FastCommentsUI(document.getElementById('fastcomments-widget'), {
8 tenantId: "demo",
9 urlId: window.location.pathname,
10 simpleSSO: {
11 username: member.customFields.name || member.auth.email.replace(/@.+/, ''),
12 email: member.auth.email,
13 avatar: member.customFields.avatar
14 }
15 });
16 } else {
17 FastCommentsUI(document.getElementById('fastcomments-widget'), {
18 tenantId: "demo",
19 urlId: window.location.pathname,
20 simpleSSO: null
21 });
22 }
23 })
24</script>
25

当用户通过 Memberstack 登录后访问您的网站或应用程序时,他们将自动登录到 FastComments,其评论 将被标记为 Verified

如果未登录,他们也可以通过留下姓名和电子邮件来发表评论。

仅限会员评论

如果您希望实现仅限会员评论,请尝试以下代码片段,但将 https://example.com/login 更改为您希望用户点击 Login 按钮时跳转的位置:

Exclusive FastComments Memberstack Snippet
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.$memberstackDom.getCurrentMember().then(({data: member}) => {
6 if (member) {
7 FastCommentsUI(document.getElementById('fastcomments-widget'), {
8 tenantId: "demo",
9 urlId: window.location.pathname,
10 simpleSSO: {
11 username: member.customFields.name || member.auth.email.replace(/@.+/, ''),
12 email: member.auth.email,
13 avatar: member.customFields.avatar
14 }
15 });
16 } else {
17 FastCommentsUI(document.getElementById('fastcomments-widget'), {
18 tenantId: "demo",
19 urlId: window.location.pathname,
20 simpleSSO: {
21 loginURL: 'https://example.com/login'
22 }
23 });
24 }
25 })
26</script>
27

自定义 Internal Link

FastComments 旨在进行自定义以匹配您的网站。

如果您想添加自定义样式或调整配置,请查看我们的自定义文档了解如何操作。