Add Comments With 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 је дизајниран да буде прилагођен вашој страници.

Ако желите да додате прилагођене стилове или подесите конфигурацију, погледајте нашу документацију за прилагођавање да бисте сазнали како.