Add Comments With MemberSpace

We kunnen FastComments eenvoudig verbinden met MemberSpace met een klein codefragment:

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

Wanneer de gebruiker uw site of applicatie bezoekt terwijl hij is ingelogd via MemberStack, wordt hij automatisch ingelogd bij FastComments en worden zijn reacties gemarkeerd als Verified.

Bovendien, als u in het bovenstaande voorbeeld een abonnementsplan heeft met de naam VIP Plan, tonen we een VIP-badge naast de naam van de gebruiker. U kunt het voorbeeld bewerken om meer plannen toe te voegen. Neem contact op met ondersteuning als u vragen heeft.

Anoniem reageren toestaan

Als u ook anoniem reageren wilt toestaan, stel ALLOW_ANON in op true als volgt:

const ALLOW_ANON = true;

Vergeet ook niet om https://example.com/login te wijzigen naar waar u wilt dat gebruikers naartoe gaan wanneer ze op de Login-knop klikken:

Op deze manier hebben gebruikers de mogelijkheid om hun naam en e-mail in te voeren om te reageren als ze niet zijn ingelogd op uw ledensite.

FastComments is ontworpen om aangepast te worden aan uw site.

Als u aangepaste styling wilt toevoegen of de configuratie wilt aanpassen, bekijk onze aanpassingsdocumentatie om te leren hoe.