Add Comments With MemberSpace

Możemy łatwo połączyć FastComments z MemberSpace za pomocą małego fragmentu kodu:

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

Gdy użytkownik odwiedzi Twoją stronę lub aplikację będąc zalogowanym przez MemberStack, zostanie automatycznie zalogowany do FastComments, a jego komentarze będą oznaczone jako Verified.

Ponadto, w powyższym przykładzie, jeśli masz plan subskrypcji o nazwie VIP Plan, wyświetlimy odznakę VIP obok nazwy użytkownika. Możesz edytować przykład, aby dodać więcej planów. Skontaktuj się z pomocą techniczną, jeśli masz pytania.

Zezwól na anonimowe komentowanie

Jeśli chcesz również mieć anonimowe komentowanie, ustaw ALLOW_ANON na true w następujący sposób:

const ALLOW_ANON = true;

Pamiętaj również, aby zmienić https://example.com/login na miejsce, do którego chcesz przekierować użytkowników po kliknięciu przycisku Login:

W ten sposób użytkownicy będą mieli możliwość wpisania swojego imienia i adresu e-mail, aby komentować, jeśli nie są zalogowani na Twojej stronie członkowskiej.

FastComments jest zaprojektowany tak, aby można go było dostosować do Twojej strony.

Jeśli chcesz dodać niestandardowe style lub dostosować konfigurację, zapoznaj się z naszą dokumentacją dostosowywania, aby dowiedzieć się jak.