Add Comments With MemberSpace

Podemos conectar fácilmente FastComments con MemberSpace con un pequeño fragmento de código:

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

Cuando el usuario visita su sitio o aplicación mientras está conectado a través de MemberStack, iniciará sesión automáticamente en FastComments y sus comentarios se marcarán como Verified.

Además, en el ejemplo anterior, si tiene un plan de suscripción llamado VIP Plan, mostraremos una insignia VIP junto al nombre del usuario. Puede editar el ejemplo para agregar más planes. Contacte con soporte si tiene preguntas.

Permitir comentarios anónimos

Si también desea tener comentarios anónimos, establezca ALLOW_ANON en true de esta manera:

const ALLOW_ANON = true;

También recuerde cambiar https://example.com/login a donde desea que los usuarios vayan cuando hagan clic en el botón Login:

De esta manera, los usuarios tendrán la opción de ingresar su nombre y correo electrónico para comentar si no han iniciado sesión en su sitio de miembros.

FastComments está diseñado para ser personalizado para que coincida con su sitio.

Si desea agregar estilos personalizados o ajustar la configuración, consulte nuestra documentación de personalización para aprender cómo.