Add Comments With MemberSpace

Possiamo collegare facilmente FastComments con MemberSpace con un piccolo frammento di codice:

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

Quando l'utente visita il tuo sito o applicazione mentre è connesso tramite MemberStack, verrà automaticamente connesso a FastComments e i suoi commenti saranno contrassegnati come Verified.

Inoltre, nell'esempio sopra, se hai un piano di abbonamento chiamato VIP Plan, mostreremo un badge VIP accanto al nome dell'utente. Puoi modificare l'esempio per aggiungere più piani. Contatta il supporto se hai domande.

Consenti commenti anonimi

Se desideri anche avere commenti anonimi, imposta ALLOW_ANON su true in questo modo:

const ALLOW_ANON = true;

Ricorda anche di cambiare https://example.com/login con il posto dove vuoi che gli utenti vadano quando cliccano sul pulsante Login:

In questo modo gli utenti avranno la possibilità di inserire il loro nome e la loro email per commentare se non sono connessi al tuo sito membri.

FastComments è progettato per essere personalizzato per adattarsi al tuo sito.

Se desideri aggiungere stili personalizzati o modificare la configurazione, consulta la nostra documentazione sulla personalizzazione per scoprire come.