FastComments.com

ClickFunnels Kurslarına Canlı Sohbet Ekle

Bu öğreticide FastComments Streaming Chat'in bir ClickFunnels kursu ile nasıl kurulacağını ele alacağız. Ayrıca
bunun yerine kullanmak isterseniz Live Commenting için sonunda bir kod parçası ekleyeceğiz.

Bu öğretinin bir Kurs modülü için olduğunu unutmayın, ancak adımlar blog gönderilerine ve sayfalara yorum eklemek için benzer (ilişkili şablonu düzenlemeniz yeterlidir).

Ayrıca insanların etkileşime girmesini teşvik etmeye yardımcı olmak için otomatik yorumların nasıl ayarlanacağını kısaca ele alacağız.

Bu öğretinin bir FastComments hesabı gerektirdiğini unutmayın. Önce kaydolmanız ve sonra buraya geri dönmeniz önerilir. Buradan bir hesap oluşturabilirsiniz.

Adım Bir: Şablonu Bul Internal Link

İlk olarak ClickFunnels şablon editörünü açmamız gerekiyor. Kurslar için bu, kursu açıp sağ üstte Customize'a tıklanarak erişilir:

Özelleştir
Özelleştir

Templates'e gidin:

Şablonları Aç
Şablonları Aç

Kurslar farklı şablonlardan oluşur. Derslerde yorumları göstermek istiyoruz, bu yüzden Default Lesson Page'i (örneğin) seçin:

Şablon Seç
Şablon Seç

Hepsi bu kadar! Şimdi ikinci adıma hazırsınız.

Adım İki: Kodu Ekle Internal Link

Artık şablon düzenleyicideyiz, yorumları veya canlı sohbeti nerede görüntülemek istediğimize karar vermeliyiz.

Bu örnekte doğrudan videonun altına ekleyeceğiz. Widget'ı sonuna eklemek istediğimiz öğenin üzerine gelin ve ADD ELEMENT düğmesine tıklayın:

Öğe Ekle
Öğe Ekle

CUSTOM JS/HTML seçeneğini seçin:

CUSTOM JS/HTML Seçin
CUSTOM JS/HTML Seçin

Şimdi kodumuzu yapıştıracağımız kod düzenleyiciyi açalım.

ClickFunnels bu sonraki adımda biraz kafa karıştırıcıdır.

Yeni öğenin üzerine geldiğinizde KESİNLİKLE Code seçeneğini seçmemeniz önemlidir. Bunun yerine SETTINGS seçeneğini seçin:

SETTINGS Seçin
SETTINGS Seçin

Şimdi sağ tarafta Open Code Editor düğmesine tıklayabiliriz:

Open Code Editor Düğmesine Tıklayın
Open Code Editor Düğmesine Tıklayın

Açılan büyük bir kare göreceksiniz. Kodumuzu buraya yapıştırabiliriz. Aşağıdaki kod parçacığını kopyalayın (sağ üstteki kopyala düğmesini kullanın):

ClickFunnels Yayın Sohbeti Kod Parçacığı
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-live-chat.min.js"></script>
3<div id="fastcomments-live-chat-widget" style="width: 500px;min-height: 780px;"></div>
4<style>
5 #fastcomments-live-chat-widget iframe {
6 min-height: 780px;
7 }
8</style>
9<script>
10 (function fcLoad() {
11 function tryLoad() {
12 // some providers change the code snippet to be async
13 const container = document.getElementById('fastcomments-live-chat-widget');
14 if (!container) {
15 return waitRetry();
16 }
17 if (!window.FastCommentsLiveChat) {
18 return waitRetry();
19 }
20 window.FastCommentsLiveChat(container, {
21 tenantId: 'demo'
22 });
23 }
24 function waitRetry() {
25 setTimeout(tryLoad, 500);
26 }
27 tryLoad();
28 })();
29</script>
30

Bu kod parçacığı, videolarla iyi uyum sağlayan Yayın Sohbeti (Streaming Chat) ürünümüze aittir. Bunun yerine, normal sayfalar veya blog yazılarıyla en iyi uyum sağlayan Canlı Yorumlama (Live Commenting) widget kod parçacığını istiyorsanız, bu eğitimin sonunda bulunmaktadır.

Kod parçacığını pencereye yapıştırdığımızda şu şekilde görünmelidir:

Kodu Yapıştır
Kodu Yapıştır

Şimdi sadece kutuyu kapatmamız gerekiyor:

Kapat
Kapat

Artık değişikliklerinizi önizleyebilirsiniz! Widget'ı dilediğiniz gibi taşıyın ve nerede en çok hoşunuza gittiğine bakın.

Önizleme
Önizleme

Başarı! Mobil testi yapmayı unutmayın!

Başarı!
Başarı!

Özelleştirme Internal Link

FastComments, sitenizle uyum sağlayacak şekilde özelleştirilebilecek biçimde tasarlanmıştır.

Özel stil eklemek veya yapılandırmayı ayarlamak istiyorsanız, nasıl yapacağınızı öğrenmek için Özelleştirme Dokümantasyonumuza Göz Atın.

Ek: Canlı Yorumlama İçin Kod Parçası Internal Link

ClickFunnels Canlı Yorumlama kod parçacığını arıyorsanız, bunu deneyin:

ClickFunnels Canlı Yorumlama Snippet
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget" style="min-width: 500px;min-height: 780px;"></div>
4<style>
5 #fastcomments-widget iframe {
6 min-height: 780px;
7 }
8</style>
9<script>
10 (function fcLoad() {
11 function tryLoad() {
12 // bazı sağlayıcılar kod parçacığını async olarak değiştirir
13 const container = document.getElementById('fastcomments-widget');
14 if (!container) {
15 return waitRetry();
16 }
17 if (!window.FastCommentsUI) {
18 return waitRetry();
19 }
20 window.FastCommentsUI(container, {
21 tenantId: 'demo'
22 });
23 }
24 function waitRetry() {
25 setTimeout(tryLoad, 500);
26 }
27 tryLoad();
28 })();
29</script>
30

Ek: Otomatik Yorum Oynatma Internal Link

FastComments, Auto Play adlı bir özelliği destekler. Bu özellik, yorumların bulunduğu bir CSV dosyasını içe aktarmanıza ve oynatılacak şekilde zamanlamanıza olanak tanır sayfa yükleme zamanından itibaren saat, dakika ve saniye bazında belirlenen offsetlerde.

Ayrıca, gönderilen herhangi bir yorumu doğru zamanda autoplay betiğine otomatik olarak geri ekler, böylece video betiğiniz her webinarda manuel çalışma gerektirmeden büyür.

Bu özellik şu anda tüm FastComments planlarına dahildir.

Zamanlanmış Yorumlar hakkında daha fazla bilgi edinin

Not!

CSV dosyasındaki URL ID sütununun kurs/video URL ile eşleşmesi gerektiğini unutmayın.