Dodajte komentare s MemberSpace-om

Možemo lako povezati FastComments s MemberSpace pomoću malog isječ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 posjeti vašu stranicu ili aplikaciju dok je prijavljen putem MemberStack-a, automatski će biti prijavljen u FastComments i njihovi komentari bit će označeni kao Verified.

Dodatno, u gornjem primjeru, ako imate pretplatnički plan nazvan VIP Plan, prikazat ćemo VIP značku pored korisničkog imena. Možete urediti primjer da dodate više planova. Obratite se podršci ako imate pitanja.

Dopusti anonimno komentiranje

Ako želite imati i anonimno komentiranje, postavite ALLOW_ANON na true ovako:

const ALLOW_ANON = true;

Također ne zaboravite promijeniti https://example.com/login na mjesto gdje želite da korisnici odu kada kliknu gumb Login:

Na taj način korisnici će imati mogućnost unijeti svoje ime i e-mail za komentiranje ako nisu prijavljeni na vašu člansku stranicu.

FastComments je dizajniran za prilagodbu kako bi odgovarao vašoj stranici.

Ako želite dodati prilagođeni stil ili podesiti konfiguraciju, pogledajte našu dokumentaciju za prilagodbu da biste saznali kako.