Add Comments to ThriveCart Learn+ Courses

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

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

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

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

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

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

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

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

Сада да копирамо наш ThriveCart-Learn-Specific FastComments исечак кода.

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

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 едитору. Требало би да изгледа овако:

Код додат

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

Објави

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

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

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

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

Успјех!

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

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

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