FastComments.com
Menu Icon

언어 🇰🇷 한국어
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

MemberSpace 설치

코드
도메인 오류
맞춤 설정

MemberSpace로 댓글 추가하기

FastComments를 MemberSpace와 결합하면 멤버 전용 댓글 기능을 설정할 수 있습니다.

원할 경우 사용자가 로그인한 상태에서도 익명 댓글을 허용할 수 있으며, 심지어 사용자의 멤버십에 따라 맞춤 배지를 설정할 수도 있습니다!

코드 Internal Link

작은 코드 스니펫으로 FastComments와 MemberSpace를 쉽게 연결할 수 있습니다:

FastComments MemberSpace 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 (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 버튼을 클릭할 때 이동할 위치로 변경하는 것을 잊지 마세요:

이렇게 하면 회원 사이트에 로그인하지 않은 사용자도 이름과 이메일을 입력하여 댓글을 달 수 있는 옵션이 제공됩니다.

도메인 오류 Internal Link

다음과 같은 인증 오류가 발생할 수 있습니다:

Domain Configuration Missing
Domain Configuration Missing

이는 FastComments가 이 도메인에서 귀하의 계정 사용을 허용해야 한다는 것을 모르기 때문입니다.

이 경우 해결책은 간단합니다. FastComments.com 계정에 사이트를 추가하기만 하면 됩니다.

여기로 이동하여 계정에 사이트를 추가하세요.

맞춤 설정 Internal Link

FastComments는 귀하의 사이트에 맞게 맞춤 설정할 수 있도록 설계되었습니다.

사용자 정의 스타일을 추가하거나 구성을 조정하려면 사용자 정의 문서를 확인하여 방법을 알아보세요.

이 가이드에 기여하기