Add Comments With MemberSpace

FastComments lahko enostavno povežemo z MemberSpace z majhnim delčkom kode:

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

Ko uporabnik obišče vašo spletno stran ali aplikacijo, medtem ko je prijavljen prek MemberStack, bo samodejno prijavljen v FastComments in njegovi komentarji bodo označeni kot Verified.

Poleg tega bomo v zgornjem primeru, če imate naročniški načrt z imenom VIP Plan, prikazali značko VIP poleg uporabniškega imena. Primer lahko uredite, da dodate več načrtov. Obrnite se na podporo, če imate vprašanja.

Dovoli anonimno komentiranje

Če želite imeti tudi anonimno komentiranje, nastavite ALLOW_ANON na true takole:

const ALLOW_ANON = true;

Prav tako ne pozabite spremeniti https://example.com/login na mesto, kamor želite, da uporabniki gredo, ko kliknejo gumb Login:

Na ta način bodo uporabniki imeli možnost vnesti svoje ime in e-pošto za komentiranje, če niso prijavljeni na vašo člansko stran.

FastComments je zasnovan tako, da ga lahko prilagodite vaši spletni strani.

Če želite dodati prilagojene sloge ali prilagoditi konfiguracijo, oglejte si našo dokumentacijo za prilagajanje, da izveste kako.