הוספת תגובות לקורסים של ThriveCart Learn+

בשל העיצוב של ThriveCart Learn+, עלינו להוסיף את קוד FastComments לכל דף קורס שבו אנו רוצים להציג תגובות.

ניתן להשתמש באותו קטע קוד בכל דף, ושרשורי תגובות נפרדים יקושרו אוטומטית לכל דף בנפרד.

נתחיל בפתיחת הקורס בעריכה והוספת בלוק HTML.

ממש בצד שמאל אמור להופיע אפשרות בלוק HTML. גרור אותו אל מקום בדף שבו ברצונך להציג תגובות.

פתח את הקורס והוסף בלוק HTML

כעת בחר את האלמנט החדש של ה‑HTML. בלוק יופיע בצד השמאלי שבו נוכל להדביק את הקוד שלנו.

כעת ניתן להמשיך לשלב 2.

עבור שלב 2 עלינו להעתיק את קטע הקוד שלנו. ודאו ששורה 50 אינה אומרת "demo" - תרצו לוודא ששם מופיע מזהה הדייר (tenant id) שלכם. הוא אמור להיות מאוכלס עבורכם אוטומטית.

כעת נעתיק את קטע הקוד של FastComments הייחודי ל-ThriveCart-Learn.

הוא די גדול, מכיוון שהאינטגרציה עם ThriveCart כוללת הרבה תכונות, ולכן פשוט לחצו על כפתור ההעתקה בפינה השמאלית העליונה של קטע הקוד:

קוד תגובות עבור 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 אין אימייל. אם ברצונכם לבדוק, אנו ממליצים להשתמש בקוד קופון ולעבור על האתר שלכם כמו משתמש אמיתי.

הצלחה! כעת אמור להופיע ווידג'ט התגובות של FastComments.

הצלחה!

ברכות על הגדרת FastComments עם ThriveCart! אם נתקלת ב- Domain Error, או אם ברצונך ללמוד כיצד להתאים אישית את אזור התגובות, המשך לקרוא!

FastComments מעוצבת כך שתתאים לאתר שלך.

אם ברצונך להוסיף עיצוב מותאם אישית, או לכוונן את ההגדרות, עיין בתיעוד ההתאמות וההגדרות שלנו כדי ללמוד כיצד.