在 Ionos 網站上添加評論

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>

...然後依照顯示方式貼上並儲存：

貼上並儲存

步驟 3：發布

現在我們只要發佈網站，就完成了。

點擊左上角的 Content 回到內容編輯器：

回到內容

接著我們就可以發佈了！

發佈！

就這樣！FastComments 應該已在您的網站上啟用。您應該會看到類似的畫面：

完成！

成功

做得好！您已經為您的 Ionos 網站新增即時評論。

如果您遇到權限被拒的錯誤，或想要自訂 FastComments，請繼續閱讀。

域名錯誤

您可能會遇到授權錯誤，如下所示：

缺少網域設定

這是因為 FastComments 不知道應該允許在此網域上使用您的帳戶。

在這種情況下，修復方法很簡單。您只需將您的網站新增到您的 FastComments.com 帳戶中。

前往此處將您的網站新增至您的帳戶。

現在，您的 Ionos 網站應已新增快速且即時的留言功能！

自訂

FastComments 設計為可自訂，以配合您的網站。

如果您想新增自訂樣式或調整設定，請查看我們的自訂化文件以了解如何操作。

在您的 Ionos 網站上添加投票

一旦 FastComments 在您的 Ionos 網站上，您也可以直接在評論中執行即時投票。在小工具自訂設定中開啟 Enable Polls，投票按鈕會出現在評論工具列。投票可接受 2 到 10 個選項，結果即時更新給頁面上的所有人，您可以決定誰能建立投票以及投票是否需要登入。在 Ionos 上不需要安裝其他任何東西。

Try the Live Polls demo 或閱讀 Polls documentation 以設定它們。

語言 🇹🇼 繁體中文

Ionos 安裝

投票