Add Comments to Ionos Sites

With FastComments 我們可以輕鬆地在任何使用 Ionos 建置的網站上新增即時留言功能。

請注意，本教學需要一個 FastComments 帳戶。建議您先註冊然後再回來此處。您可以在此建立帳戶。

步驟 1：新增聯絡表單

首先，我們將新增一個聯絡表單，之後 FastComments 會取代它。

為此，開啟網站編輯器，並在想要的頁面上按一下 Add Section。

接著，在左側前往 Content -> Contact -> Contact Form，如下圖所示：

新增聯絡表單

接下來，需要告訴 FastComments 去取代我們的表單。按一下預設的表單標題：

設定表單標題

我們會把標題設為 FastComments Goes Here。大小寫與空格必須完全相同，否則將無法運作，因此建議您複製這段文字並貼上。

完成後，應該會顯示如下：

已完成標題設定

第一步到此結束！

步驟 2：加入 FastComments.com 程式碼

接下來我們將把 FastComments 小工具程式碼加入您的網站。此程式碼會搜尋所有標題為 FastComments Goes Here 的表單並將其替換為 FastComments。

所以在網站編輯器左下方點選 Settings：

開啟設定

打開 Custom Head Code 區段：

打開自訂頁首程式碼

對於 Ionos 我們需要 FastComments 小工具程式碼的 特殊版本。來自 其他教學 的程式碼片段將無法使用。

現在複製以下程式碼：

Ionos FastComments 程式碼片段

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') {
                    // 取得不是全寬的元素
                    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>