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

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

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

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