Add Comments to Ionos Sites

FastComments ile Ionos ile oluşturulmuş herhangi bir siteye canlı yorum özelliğini kolayca ekleyebiliriz.

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

Adım 1: Bir İletişim Formu Ekleyin

İlk olarak, FastComments'in yerine koyacağı bir iletişim formu ekleyeceğiz.

Bunu yapmak için site düzenleyicisini açın ve istenen sayfada Add Section'a tıklayın.

Then, go to Content -> Contact -> Contact Form on the left, as shown:

İletişim Formu Ekle

Sonraki olarak, FastComments'e formumuzu değiştirmesini söylememiz gerekiyor. Varsayılan form başlığına tıklayın:

Form Başlığını Ayarla

Başlığı FastComments Goes Here olarak ayarlayacağız. Büyük/küçük harf kullanımı ve boşlukların aynı olması çok önemlidir, aksi takdirde çalışmaz; bu yüzden bu metni kopyalayıp yapıştırmanızı öneririz.

İşlem tamamlandığında şöyle görünmelidir:

Başlık Ayarlandı

Bu birinci adımın sonu!

Adım 2: FastComments.com Kodunu Ekleyin

Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

Ayarları Aç

Open the Custom Head Code section:

Özel Head Kodunu Aç

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Ionos FastComments Kod Parçası

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            const nodes = document.querySelectorAll('h2');
            nodes.forEach(function (node) {
                if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
                    // tam genişlikli olmayan öğeyi alıyoruz
                    const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
                    target.innerHTML = '';
                    FastCommentsUI(target, {
                        tenantId: "demo"
                    });
                    interval && clearInterval(interval);
                    loaded = true;
                }
            });
        }
        attemptLoad();
        if (!loaded) {
            interval = setInterval(attemptLoad, 300);
        }
    })();
</script>