顯示注釋計數

擷取特定系列的貼文和留言計數，以便顯示在索引頁面上。

Livefyre的CommentCount.js可讓您擷取網站上系列的內容計數。 雖然「應用程式」會顯示目前系列的注釋計數，但讓這些計數在您的網站上匯集是很有用的。 如果您未保存資料庫中的內容（或CMS資料庫未與Livefyre同步），此功能特別有用。

  1. 載入JavaScript。

    若要使用CommentCount.js，請先將JavaScript檔案內嵌至您要使用之頁面或範本的<head>區段。

    <script
   type="text/javascript"
   data-lf-domain="{network name (domain.fyre.co)}"
   src="//cdn.livefyre.com/libs/commentcount/v1.0/commentcount.js">
</script>

  2. 系結HTML元素。

    載入指令碼後，它會嘗試在頁面上尋找類別名稱為livefyre-commentcount的其他元素。 對於這些元素，指令碼會尋找data-lf-site-id和data-lf-article-id HTML屬性，並使用這些屬性從Livefyre擷取內容，並以最新值更新每個元素。

    例如，下列元素將會更新：

    <span class="livefyre-commentcount" data-lf-site-id="{site_id}" data-lf-article-id="{article_id}">
0 Comments
</span>
    注意

    CommentCount.js程式碼會檢查數值，以使用實際計數進行更新。 請確定在標籤之間包含數值。

    範例1 （使用URL做為文章ID）:

    <span class="livefyre-commentcount" data-lf-site-id="311458" data-lf-article-id="https://mikesoldner.com/blog.php">
0 Comments
</span>

    範例2 （使用編號系統做為文章ID）:

    <span class="livefyre-commentcount" data-lf-site-id="311458" data-lf-article-id="25"> 0 Comments </span>

  3. 設定選項。

    若要進一步控制內容計數的取代方式，請呼叫LF.CommentCount()並傳入包含設定選項的物件。 請確定在DOM中所有需要取代的元素之後，呼叫函式。 呼叫此方法的最佳位置在頁尾，因此在載入DOM時，但在檔案和視窗就緒事件之前就會發生。

    我們允許下列配置選項：

  • replacer: 用於取代每個內容計數的文字的函式或Regex。

  • 函式： 用於對每個元素進行替換。函式的引數為：

    元素： 正在更新的HTML元素。
    count: 此元素的內容計數。

  • regex: 用於判斷應由計數取代元素文字的哪個部分。

    範例:

       <script type="text/javascript"> LF.CommentCount({
     replacer: function(element, count) {
         element.innerHTML = count +' Comment'+ (count === 1 ? '' : 's');
     }
 });
</script>
    注意

    使用替換器定制或國際化注釋計數消息。

本頁內容