Add Comments to ThriveCart Learn+ Courses

ThriveCart Learn+ tasarımı gereği, yorumları göstermek istediğimiz her kurs sayfasına FastComments kodunu eklememiz gerekiyor.

Aynı kod parçasını her sayfada kullanabiliriz ve ayrı yorum dizileri otomatik olarak her bir sayfaya bağlanacaktır.

Kursumuzu düzenleyicide açıp bir HTML bloğu ekleyerek başlayacağız.

Solda bir HTML blok seçeneğini görmelisiniz. Yorumları görüntülemek istediğiniz sayfaya bunu sürükleyin.

Kursu Açın ve HTML Bloğu Ekleyin

Şimdi yeni HTML öğesini seçin. Kodu yapıştırabileceğimiz bir blok solda belirecektir.

Şimdi 2. Adım için hazırsınız.

Adım 2 için kod parçacığımızı kopyalamamız gerekiyor. 50. satırın "demo" demediğini kontrol edin - bunun kiracı kimliğinizi içermesini isteyeceksiniz. Bu sizin için doldurulmuş olmalı.

Şimdi ThriveCart-Learn'e özgü FastComments kod parçacığımızı kopyalayalım.

Bu oldukça büyük, çünkü ThriveCart ile entegrasyonun birçok özelliği var, bu yüzden kod parçacığının sağ üst köşesindeki Kopyala düğmesine tıklayın:

ThriveCart Learn+ Yorumlar Kodu

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'); // önizleme için sınıf farklı.

14 }

15 // ThriveCart id'sini değiştirirse diye genel e-posta giriş alanı seçici.

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')) { // önizlemenin çalışmasına izin ver - e-posta yok.

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); // internet yavaşsa, 5 denemeden sonra bekleme süresini artır.

27 }

28 if (profileLink) {

29 // ThriveCart resim sınıfı seçicisini değiştirirse diye ham "img" sorgusunu kullan.

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

31 if (avatarImg && avatarImg.src) {

32 isAuthenticated = true;

33 simpleSSO.avatar = avatarImg.src;

34 }

35 // ThriveCart profil adını gösterme şeklini değiştirirse diye innerText kullan.

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); // internet yavaşsa, 5 denemeden sonra bekleme süresini artır.

53 }

54

55 let url;

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

57

58 if (selectedNavLink) {

59 // bazen TC aynı sayfada birden fazla bağlantı kullanır, bu yüzden bunları benzersizleştirelim.

60 url = getPathnameFromUrl(selectedNavLink.href);

61 } else {

62 // pazarlama parametrelerini ve alan adını temizle

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 // pazarlama parametrelerini ve alan adını temizle

84 return parsedUrl.pathname;

85 } catch (error) {

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

87 return window.location.pathname; // varsayılan olarak mevcut sayfayı kullan, böylece en azından bazen çalışır

88 }

89 }

90

91 })();

92</script>

93

Şimdi bunu ThriveCart editöründeki sol taraftaki kod bloğuna yapıştırın. Şunun gibi görünmelidir:

Kod Eklendi

Hepsi bu! Şimdi sadece yayımlamamız gerekiyor:

Yayımla

Hepsi bu kadar! Önizlemede kursunuzda yorum kutusunu görmelisiniz ve gerçek kullanıcılar oturum açmadan veya kullanıcı adlarını/e-posta adreslerini ikinci kez girmeden yorum bırakabilecekler.

Test Notu!

Eğer anonim yorum yapma kapalıysa (ki varsayılan olarak kapalıdır), Preview modunda John Smith kullanıcısı olarak yorum bırakamazsınız. Varsayılan John Smith kullanıcısının e-posta adresi olmadığı için bir kimlik doğrulama hatası alırsınız. Test etmek istiyorsanız, bir kupon kodu kullanmanızı ve sitenizde gerçek bir kullanıcı gibi gezmenizi öneriyoruz.

Başarılı! Artık FastComments Comment Widget'ını görmelisiniz.

Başarılı!

FastComments'i ThriveCart ile kurduğunuz için tebrikler! Eğer bir Domain Error ile karşılaştıysanız veya yorum alanını nasıl özelleştireceğinizi öğrenmek istiyorsanız, okumaya devam edin!

FastComments, sitenizle eşleşecek şekilde özelleştirilebilecek şekilde tasarlanmıştır.

Özel stiller eklemek veya yapılandırmayı ayarlamak isterseniz, nasıl yapıldığını öğrenmek için Özelleştirme Belgelerimizi İnceleyin.