使用 MemberSpace 添加評論

使用 FastComments，我們可以在與 MemberSpace 結合時設定僅限會員的專屬留言功能。

我們也可以在使用者登入時（若需要）同時允許匿名留言，並且甚至可以根據使用者的會員資格設定自訂徽章！

程式碼

我們可以通過一小段程式碼輕鬆地將FastComments與MemberSpace連接起來:

FastComments MemberSpace Snippet

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        const tenantId = 'demo';
        const ALLOW_ANON = false;
        const LOGIN_URL = 'https://example.com/login';
        const PLAN_DISPLAY_LABELS = {
            'VIP Plan': 'VIP'
        };
        let lastInstance;
        function tick() {
            if (!window.MemberSpace) {
                return setTimeout(tick, 100);
            }
            if (!window.FastCommentsUI) {
                return setTimeout(tick, 100);
            }
            const target = document.getElementById('fastcomments-widget');
            if (!target) {
                return setTimeout(tick, 100);
            }
            const data = MemberSpace.getMemberInfo();
            if (data.isLoggedIn && data.memberInfo) {
                lastInstance = FastCommentsUI(target, {
                    tenantId: tenantId,
                    urlId: window.location.pathname,
                    simpleSSO: {
                        displayLabel: getDisplayLabel(data.memberInfo),
                        username: data.memberInfo.name,
                        email: data.memberInfo.email,
                        avatar: data.memberInfo.profileImageUrl
                    }
                });
            } else if (lastInstance) {
                lastInstance.destroy();
                lastInstance = FastCommentsUI(target, {
                    tenantId: tenantId,
                    urlId: window.location.pathname,
                    simpleSSO: getAnonSSOConfig()
                });
            }
        }
        function getAnonSSOConfig() {
            if (ALLOW_ANON) {
                return undefined;
            }
            return {
                loginURL: LOGIN_URL
            };
        }
        function getDisplayLabel(memberInfo) {
            if (!memberInfo.memberships) {
                return;
            }
            for (const membership of memberInfo.memberships) {
                const label = PLAN_DISPLAY_LABELS[membership.name];
                if (label) {
                    return label
                }
            }
        }
        tick();
    })();
</script>

當使用者通過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旨在根據您的網站進行定制。

如果您想添加自定義樣式或調整配置，請查看我們的自定義文檔了解如何操作。

在您的 MemberSpace 網站添加投票

一旦 FastComments 在您的 MemberSpace 網站上，您也可以直接在評論中執行即時投票。在小工具自訂設定中開啟 Enable Polls，投票按鈕會出現在評論工具列。投票可接受 2 到 10 個選項，結果會即時更新給頁面上的所有人，您可以決定誰能建立投票以及投票是否需要登入。在 MemberSpace 上不需要安裝其他任何東西。

Try the Live Polls demo 或閱讀 Polls documentation 以設定它們。

語言 🇹🇼 繁體中文

MemberSpace 安裝

投票

使用 MemberSpace 添加評論

程式碼

允許匿名評論

網域錯誤

自訂

在您的 MemberSpace 網站添加投票