Add Comments With Memberstack

Ми можемо легко підключити FastComments до Memberstack за допомогою невеликого фрагмента коду:

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

Коли користувач відвідує ваш сайт або додаток, увійшовши через Memberstack, він автоматично увійде до FastComments, і його коментарі будуть позначені як Verified.

Вони також зможуть коментувати, залишивши своє ім'я та електронну пошту, якщо не увійшли в систему.

Коментування лише для учасників

Якщо ви хочете мати коментування лише для учасників, спробуйте наступний фрагмент коду, але змініть https://example.com/login на місце, куди ви хочете направити користувачів, коли вони натискають кнопку 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 розроблений для налаштування відповідно до вашого сайту.

Якщо ви хочете додати користувацькі стилі або змінити конфігурацію, перегляньте нашу документацію з налаштування, щоб дізнатися як.