Add Comments to ThriveCart Learn+ Courses

Zaradi zasnove ThriveCart Learn+ moramo dodati FastComments kodo na vsako stran tečaja, na kateri želimo prikazovati komentarje.

Na vsaki strani lahko uporabimo isti kodni odlomek, ločene niti komentarjev pa bodo samodejno povezane z vsako posamezno stranjo.

Začeli bomo tako, da v urejevalniku odpremo naš tečaj in dodamo HTML blok.

Na levi strani bi morali videti možnost HTML bloka. Povlecite ga na stran, kjer želite prikazati komentarje.

Odprite tečaj in dodajte HTML blok

Zdaj izberite nov HTML element. Na levi se bo pojavil blok, kamor lahko prilepimo našo kodo.

Zdaj ste pripravljeni za korak 2.

Za korak 2 moramo kopirati naš odsek kode. Preverite, da vrstica 50 ne piše "demo" - želite zagotoviti, da tu stoji vaš tenant id. Moral bi biti že izpolnjen za vas.

Zdaj kopirajmo naš ThriveCart-Learn-specifičen FastComments odsek kode.

It's quite large, because the integration with ThriveCart has a lot of features, so just click the Copy button in the top right of the code snippet:

ThriveCart Learn+ koda komentarjev

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'); // razred je drugačen za predogled.

14 }

15 // širok selektor polja e-pošte v primeru, da ThriveCart spremeni 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')) { // dovoli delovanje predogleda - e-pošta ni na voljo.

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); // povečaj čas čakanja po 5 poskusih v primeru počasnega interneta.

27 }

28 if (profileLink) {

29 // uporabi neposredno poizvedbo "img" v primeru, da ThriveCart spremeni selektor razreda slike.

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

31 if (avatarImg && avatarImg.src) {

32 isAuthenticated = true;

33 simpleSSO.avatar = avatarImg.src;

34 }

35 // uporabi innerText v primeru, da ThriveCart spremeni prikaz 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); // povečaj čas čakanja po 5 poskusih v primeru počasnega interneta.

53 }

54

55 let url;

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

57

58 if (selectedNavLink) {

59 // včasih TC na isti strani uporablja več povezav, zato jih odstranimo podvojitve.

60 url = getPathnameFromUrl(selectedNavLink.href);

61 } else {

62 // odstrani marketinške parametre in ime domene

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 // odstrani marketinške parametre in ime domene

84 return parsedUrl.pathname;

85 } catch (error) {

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

87 return window.location.pathname; // privzeto na trenutno, tako da vsaj včasih deluje

88 }

89 }

90

91 })();

92</script>

93

Zdaj ga prilepite v blok kode na levi strani urejevalnika ThriveCart. Izgledalo bi naj takole:

Koda dodana

To je vse! Zdaj moramo samo še objaviti:

Objavi

To je vse! Zdaj bi morali ob predogledu videti polje za komentarje na vašem tečaju, pravi uporabniki pa bodo lahko pustili komentarje brez prijave ali ponovnega vnašanja uporabniškega imena/e-pošte.

Opomba za testiranje!

Če imate anonimno komentiranje onemogočeno, kar je privzeto, ne boste mogli pustiti komentarjev v Preview načinu kot uporabnik John Smith. Dobili boste avtentikacijsko napako, ker privzeti uporabnik John Smith nima e-pošte. Če želite testirati, priporočamo, da uporabite kupon in se premikate po svoji strani kot dejanski uporabnik.

Uspešno! Zdaj bi morali videti FastComments pripomoček za komentarje.

Uspešno!

Čestitamo pri nastavitvi FastComments s ThriveCart! Če ste naleteli na Domain Error, ali bi radi izvedeli, kako prilagoditi območje komentarjev, berite naprej!

FastComments je zasnovan tako, da ga lahko prilagodite vaši spletni strani.

Če želite dodati prilagojeno oblikovanje ali prilagoditi konfiguracijo, Oglejte si našo dokumentacijo o prilagoditvah, da se naučite, kako.