Add Comments to ThriveCart Learn+ Courses

Због дизајна ThriveCart Learn+, морамо додати FastComments код на сваку страницу курса на којој желимо приказивати коментаре.

Можемо користити исти снипет кода на свакој страници, а одвојене теме коментара ће се аутоматски везати за сваку појединачну страницу.

Почећемо тако што ћемо отворити наш курс у едитору и додати HTML блок.

На левој страни треба да видите опцију HTML блока. Превуците је на страницу где желите приказати коментаре.

Отворите курс и додајте HTML блок

Сада изаберите нови HTML елемент. Са леве стране ће се појавити блок у који можемо налепити наш код.

Сада сте спремни за Корак 2.

Za korak 2 moramo kopirati naš isječak koda. Provjerite da linija 50 ne piše "demo" - želite se pobrinuti da tu stoji vaš tenant id. Trebalo bi da je već popunjeno za vas.

Sada kopirajmo naš ThriveCart-Learn-specifični FastComments isječak koda.

Prilično je velik, jer integracija sa ThriveCart ima puno funkcija, pa jednostavno kliknite gumb Copy u gornjem desnom kutu isječka koda:

ThriveCart Learn+ Kod komentara

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 let attemptsRemaining = 10;

7

8 function tryLoad() {

9 const simpleSSO = {optedInNotifications: true, optedInSubscriptionNotifications: true};

10 let isAuthenticated = false;

11 let profileLink = document.querySelector('.thrivecart-courses-header-profile-link');

12 if (!profileLink) {

13 profileLink = document.querySelector('.thrivecart-courses-header-profile'); // klasa je drugačija za pregled.

14 }

15 // širok selektor polja za unos emaila u slučaju da ThriveCart promijeni id.

16 const emailInputField = document.querySelector('input[type=email]');

17 if (emailInputField && emailInputField.value) {

18 isAuthenticated = true;

19 simpleSSO.email = emailInputField.value;

20 } else if (profileLink && !profileLink.innerText.includes('John Smith')) { // dopusti da pregled radi - nema dostupnog emaila.

21 attemptsRemaining--;

22 if (!attemptsRemaining) {

23 return console.error('Could not load FastComments - could not determine user information (email). Please reach out to FastComments support.');

24 }

25 console.warn('FastComments: No user email found - waiting and trying again.');

26 return setTimeout(tryLoad, attemptsRemaining < 5 ? 3000 : 100); // increase wait time after 5 attempts incase slow internet.

27 }

28 if (profileLink) {

29 // koristi sirovu "img" selekciju u slučaju da ThriveCart promijeni klasu za sliku.

30 const avatarImg = profileLink.querySelector('img');

31 if (avatarImg && avatarImg.src) {

32 isAuthenticated = true;

33 simpleSSO.avatar = avatarImg.src;

34 }

35 // koristi innerText u slučaju da ThriveCart promijeni način prikaza imena profila.

36 if (profileLink.innerText) {

37 isAuthenticated = true;

38 simpleSSO.username = profileLink.innerText;

39 } else {

40 const bold = profileLink.querySelector('b');

41 if (bold && bold.innerText) {

42 isAuthenticated = true;

43 simpleSSO.username = bold.innerText;

44 }

45 }

46 } else {

47 if (!attemptsRemaining) {

48 return console.error('Could not load FastComments - could not determine user information (user name/avatar). Please reach out to FastComments support.');

49 }

50 console.warn('FastComments: No user profile info found - waiting and trying again.');

51 attemptsRemaining--;

52 return setTimeout(tryLoad, attemptsRemaining < 5 ? 3000 : 100); // increase wait time after 5 attempts incase slow internet.

53 }

54

55 let url;

56 const selectedNavLink = document.querySelector('.tcc-browse-lesson.active a');

57

58 if (selectedNavLink) {

59 // ponekad TC koristi više istih linkova na istoj stranici, pa ih treba deduplicirati.

60 url = getPathnameFromUrl(selectedNavLink.href);

61 } else {

62 // ukloni marketinške parametre i ime domena

63 url = window.location.pathname;

64 }

65

66 if (url) {

67 url = url.replace('/starte-hier', '');

68 url = url.replace('/start-here', '');

69 }

70

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

72 tenantId: 'demo',

73 urlId: url,

74 simpleSSO: isAuthenticated ? simpleSSO : null

75 });

76 }

77

78 tryLoad();

79

80 function getPathnameFromUrl(url) {

81 try {

82 const parsedUrl = new URL(url);

83 // ukloni marketinške parametre i ime domena

84 return parsedUrl.pathname;

85 } catch (error) {

86 console.error("Invalid URL", url, error);

87 return window.location.pathname; // default to current, so at least it works sometimes

88 }

89 }

90

91 })();

92</script>

93

Sada ga zalijepite u blok koda s lijeve strane u ThriveCart editoru. Trebalo bi da izgleda ovako:

Kod dodat

To je to! Sada samo moramo objaviti:

Objavi

To je to! Sada biste trebali vidjeti polje za komentare na vašem kursu kada ga pregledate, a stvarni korisnici će moći ostaviti komentare bez prijavljivanja ili ponovnog unošenja korisničkog imena/e-maila.

Napomena za testiranje!

Ako imate anonimno komentarisanje onemogućeno, što je po defaultu, nećete moći ostaviti komentare u Preview modu kao korisnik John Smith. Dobit ćete grešku autentifikacije jer zadani korisnik John Smith nema email. Ako želite testirati, predlažemo da upotrijebite kupon kod i prođete kroz svoj sajt kao stvarni korisnik.

Успешно! Сада бисте требали видети FastComments видгет за коментаре.

Успешно!

Честитамо на подешавању FastComments са ThriveCart! Ако сте наишли на Domain Error, или желите да научите како прилагодити област за коментаре, прочитајте даље!

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите додати прилагођени стил или подесити конфигурацију, Погледајте нашу документацију за прилагођавање да сазнате како.