FastComments.com

Add Live Commenting to Hostinger Sites


首先請注意,本教學僅適用於 Hostinger 網站建置器。

如果您在 Hostinger 上使用 WordPress,您可以直接安裝我們的 WordPress 外掛 該外掛有其 安裝說明

本教學將繼續提供網站建置器的相關說明。


步驟 1:新增程式碼小工具 Internal Link

首先,在網站建置器中打開您的網站。

如果您尚未有想要放置留言的區段,請新增一個空白區段:

新增區段
新增區段
新增區段
新增區段

接著加入 Hostinger Embed 小工具:在新區段上點擊後,於頂端點選 Add element,然後選擇 Embed code

嵌入程式碼
嵌入程式碼

您會看到類似如下:

已新增程式碼區段
已新增程式碼區段

現在我們已準備好進行 Step 2


完成 Internal Link

就這樣!你現在應該已在你的 Hostinger 網站上新增了即時評論功能。

Success
Success

如果你遇到「權限被拒」錯誤,或想要自訂 FastComments,請繼續閱讀。


網站客製化 Internal Link

FastComments 設計為可客製化以符合您的網站。

如果您想新增自訂樣式或調整設定,請參閱自訂化與設定文件以了解如何。

浮動按讚按鈕 Internal Link


FastComments 也支援 Hostinger 的 Page Reacts(又稱浮動按讚按鈕)小工具。

你可以在本頁的右下角看到其運作!

注意!

這些說明適用於 Hostinger 網站建構器。如果你使用的是 Hostinger WordPress,只要取得下面的程式碼,並使用 WPCode(一個免費且簡單的外掛,用於在網站中加入小段程式碼)將其加入你的 WordPress 網站即可。

  1. 首先,取得程式碼:
Hostinger 浮動按讚程式碼
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
3<div id="fastcomments-page-likes-floating"></div>
4<script>
5 (function () {
6 function tryLoad() {
7 if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
8 window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
9 tenantId: "demo"
10 });
11 } else {
12 setTimeout(tryLoad, 50);
13 }
14 }
15
16 tryLoad();
17 })();
18</script>
19
  1. 接著,在 Hostinger 中打開網站建構器。
  2. 前往左下角的網站設定。
  3. 選擇整合。
  4. 將新程式碼新增到 末端Custom code 欄位,並發佈你的網站。
  5. 在預覽模式中你將看不到該小工具,但在發佈後的網站版本中它會顯示出來。