Add Comments With MemberSpace
使用 FastComments，我們可以在與 MemberSpace 結合時設定僅限會員的專屬留言功能。
我們也可以在使用者登入時（若需要）同時允許匿名留言，並且甚至可以根據 使用者的會員資格設定自訂徽章！
程式碼 
我們可以通過一小段程式碼輕鬆地將FastComments與MemberSpace連接起來:
FastComments MemberSpace Snippet
Copy 
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 (function () {
6 const tenantId = 'demo';
7 const ALLOW_ANON = false;
8 const LOGIN_URL = 'https://example.com/login';
9 const PLAN_DISPLAY_LABELS = {
10 'VIP Plan': 'VIP'
11 };
12 let lastInstance;
13
14 function tick() {
15 if (!window.MemberSpace) {
16 return setTimeout(tick, 100);
17 }
18 if (!window.FastCommentsUI) {
19 return setTimeout(tick, 100);
20 }
21 const target = document.getElementById('fastcomments-widget');
22 if (!target) {
23 return setTimeout(tick, 100);
24 }
25 const data = MemberSpace.getMemberInfo();
26 if (data.isLoggedIn && data.memberInfo) {
27 lastInstance = FastCommentsUI(target, {
28 tenantId: tenantId,
29 urlId: window.location.pathname,
30 simpleSSO: {
31 displayLabel: getDisplayLabel(data.memberInfo),
32 username: data.memberInfo.name,
33 email: data.memberInfo.email,
34 avatar: data.memberInfo.profileImageUrl
35 }
36 });
37 } else if (lastInstance) {
38 lastInstance.destroy();
39 lastInstance = FastCommentsUI(target, {
40 tenantId: tenantId,
41 urlId: window.location.pathname,
42 simpleSSO: getAnonSSOConfig()
43 });
44 }
45 }
46
47 function getAnonSSOConfig() {
48 if (ALLOW_ANON) {
49 return undefined;
50 }
51 return {
52 loginURL: LOGIN_URL
53 };
54 }
55
56 function getDisplayLabel(memberInfo) {
57 if (!memberInfo.memberships) {
58 return;
59 }
60 for (const membership of memberInfo.memberships) {
61 const label = PLAN_DISPLAY_LABELS[membership.name];
62 if (label) {
63 return label
64 }
65 }
66 }
67
68 tick();
69 })();
70</script>
71
當使用者通過MemberStack登入後訪問您的網站或應用程式時，他們將自動登入到FastComments，並且他們的評論
將被標記為Verified。
此外，在上面的範例中，如果您有一個名為VIP Plan的訂閱計劃，我們將在使用者名稱旁邊顯示VIP徽章。您可以編輯範例以
添加更多計劃。如有問題，請聯繫支援。
允許匿名評論
如果您還想允許匿名評論，請將ALLOW_ANON設置為true，如下所示:
const ALLOW_ANON = true;另外請記得將https://example.com/login更改為您希望使用者點擊Login按鈕時前往的位置:
這樣，未登入會員網站的使用者將可以選擇輸入他們的姓名和電子郵件來發表評論。
網域錯誤
您可能會收到如下授權錯誤:
Domain Configuration Missing
這是因為FastComments不知道應該允許您的帳戶在此網域上使用。
在這種情況下，解決方法很簡單。您只需將您的網站添加到FastComments.com帳戶即可。
自訂
FastComments旨在根據您的網站進行定制。
如果您想添加自定義樣式或調整配置，請查看我們的自定義文檔了解如何操作。