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:

Με αυτόν τον τρόπο οι χρήστες θα έχουν τη δυνατότητα να εισάγουν το όνομα και το email τους για να σχολιάσουν αν δεν είναι συνδεδεμένοι στον ιστότοπο μελών σας.

Το FastComments έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει με τον ιστότοπό σας.

Αν θέλετε να προσθέσετε προσαρμοσμένη μορφοποίηση ή να τροποποιήσετε τη διαμόρφωση, δείτε την τεκμηρίωση προσαρμογής μας για να μάθετε πώς.