Add Comments With Memberstack

Nous pouvons facilement connecter FastComments avec Memberstack avec un petit extrait de code :

FastComments Memberstack 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 window.$memberstackDom.getCurrentMember().then(({data: member}) => {

6 if (member) {

7 FastCommentsUI(document.getElementById('fastcomments-widget'), {

8 tenantId: "demo",

9 urlId: window.location.pathname,

10 simpleSSO: {

11 username: member.customFields.name || member.auth.email.replace(/@.+/, ''),

12 email: member.auth.email,

13 avatar: member.customFields.avatar

14 }

15 });

16 } else {

17 FastCommentsUI(document.getElementById('fastcomments-widget'), {

18 tenantId: "demo",

19 urlId: window.location.pathname,

20 simpleSSO: null

21 });

22 }

23 })

24</script>

25

Lorsque l'utilisateur visite votre site ou application en étant connecté via Memberstack, il sera automatiquement connecté à FastComments et ses commentaires seront marqués comme Verified.

Ils pourront également commenter en laissant leur nom et leur e-mail, s'ils ne sont pas connectés.

Commentaires réservés aux membres

Si vous souhaitez avoir des commentaires réservés aux membres, essayez l'extrait de code suivant, mais changez https://example.com/login vers l'endroit où vous voulez que les utilisateurs aillent lorsqu'ils cliquent sur le bouton Login :

Exclusive FastComments Memberstack 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 window.$memberstackDom.getCurrentMember().then(({data: member}) => {

6 if (member) {

7 FastCommentsUI(document.getElementById('fastcomments-widget'), {

8 tenantId: "demo",

9 urlId: window.location.pathname,

10 simpleSSO: {

11 username: member.customFields.name || member.auth.email.replace(/@.+/, ''),

12 email: member.auth.email,

13 avatar: member.customFields.avatar

14 }

15 });

16 } else {

17 FastCommentsUI(document.getElementById('fastcomments-widget'), {

18 tenantId: "demo",

19 urlId: window.location.pathname,

20 simpleSSO: {

21 loginURL: 'https://example.com/login'

22 }

23 });

24 }

25 })

26</script>

27

FastComments est conçu pour être personnalisé afin de correspondre à votre site.

Si vous souhaitez ajouter un style personnalisé ou modifier la configuration, consultez notre documentation de personnalisation pour savoir comment.