Add Comments With MemberSpace

Možemo lako povezati FastComments sa MemberSpace pomoću malog isečka koda:

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

Kada korisnik poseti vašu stranicu ili aplikaciju dok je prijavljen preko MemberStack-a, automatski će biti prijavljen u FastComments i njihovi komentari će biti označeni kao Verified.

Pored toga, u gornjem primeru, ako imate plan pretplate pod nazivom VIP Plan, prikazaćemo VIP značku pored korisničkog imena. Možete urediti primer da dodate više planova. Obratite se podršci ako imate pitanja.

Dozvoli anonimno komentarisanje

Ako želite da imate i anonimno komentarisanje, postavite ALLOW_ANON na true ovako:

const ALLOW_ANON = true;

Takođe ne zaboravite da promenite https://example.com/login na mesto gde želite da korisnici odu kada kliknu na dugme Login:

Na ovaj način korisnici će imati mogućnost da unesu svoje ime i e-poštu za komentarisanje ako nisu prijavljeni na vašu člansku stranicu.

FastComments je dizajniran da bude prilagođen vašoj stranici.

Ako želite da dodate prilagođene stilove ili podesite konfiguraciju, pogledajte našu dokumentaciju za prilagođavanje da biste saznali kako.