Add Comments to ThriveCart Learn+ Courses

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

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

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

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

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

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

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

За корак 2 треба да копирамо наш исечак кода. Проверите да ли ред 50 не садржи "demo" - желећете да обезбедите да ту стоји ваш tenant id. Он би требао бити попуњен за вас.

Сада да копирамо наш специфични FastComments исечак кода за ThriveCart Learn.

Он је прилично велики, јер интеграција са ThriveCart има много функција, па само кликните на дугме Copy у горњем десном углу исечка кода:

Код коментара за ThriveCart Learn+

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'); // класа је другачија за преглед.

14 }

15 // општи селектор поља за унос email-а у случају да ThriveCart промени 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')) { // омогућити да преглед ради - нема доступног email-а.

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); // повећај време чекања након 5 покушаја у случају спорог интернета.

27 }

28 if (profileLink) {

29 // користи директну "img" претрагу у случају да ThriveCart промени селектор класе за слику.

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

31 if (avatarImg && avatarImg.src) {

32 isAuthenticated = true;

33 simpleSSO.avatar = avatarImg.src;

34 }

35 // користи innerText у случају да ThriveCart промени начин приказа имена профила.

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); // повећај време чекања након 5 покушаја у случају спорог интернета.

53 }

54

55 let url;

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

57

58 if (selectedNavLink) {

59 // понекад TC користи више истих линкова на страници, па их треба уклонити (де-дуплирати).

60 url = getPathnameFromUrl(selectedNavLink.href);

61 } else {

62 // уклони маркетиншке параметре и име домена

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 // уклони маркетиншке параметре и име домена

84 return parsedUrl.pathname;

85 } catch (error) {

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

87 return window.location.pathname; // подразумевано на тренутни, тако да барем понекад ради

88 }

89 }

90

91 })();

92</script>

93

Сада налепите то у блок кода са леве стране у ThriveCart уређивачу. Требало би да изгледа овако:

Код додат

То је то! Сада само треба да објавимо:

Објави

То је то! Сада бисте требали видети поље за коментаре на вашем курсу када га прегледате, и прави корисници ће моћи да остављају коментаре без пријављивања или поновног уноса свог корисничког имена/е-mail-а.

Напомена за тестирање!

Ако имате онемогућено анонимно коментарисање, што је подразумевано, нећете моћи да остављате коментаре у Preview режиму као корисник John Smith. Добићете грешку аутентификације јер подразумевани корисник John Smith нема email. Ако желите да тестирате, предлажемо да користите купон код и прођете сајт као стварни корисник.

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

Успех!

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

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

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