Exibir Contagem de Comentários

Pegue as contagens de postagem e comentário para determinadas coleções a serem exibidas em suas páginas de índice.

O CommentCount.js de Livefyre permite buscar as contagens de conteúdo para as coleções no site. Embora os aplicativos mostrem a contagem de comentários para a coleção atual, ter essas contagens sindicado em seu site pode ser útil. Esse recurso é especialmente útil se você não persistir conteúdo no banco de dados (ou se o banco de dados do CMS não estiver sincronizado com o Livefyre).

  1. Carregue o JavaScript.

    Para usar CommentCount.js, primeiro incorpore o arquivo JavaScript na seção <head> da página ou do modelo em que deseja usá-lo.

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

    Após carregar o script, ele tentará localizar outros elementos na página com um nome de classe de livefyre-commentcount. Para cada um desses elementos, o script procurará data-lf-site-id e data-lf-article-id atributos HTML e os usará para buscar conteúdo do Livefyre e atualizar cada elemento com o valor mais recente.

    Por exemplo, o seguinte elemento seria atualizado:

    <span class="livefyre-commentcount" data-lf-site-id="{site_id}" data-lf-article-id="{article_id}"> 
    0 Comments  
    </span>
    
    OBSERVAÇÃO

    O código CommentCount.js verifica se há um valor numérico a ser atualizado com a contagem real. Certifique-se de incluir um valor numérico entre as tags .

    Exemplo 1 (usando o URL como a ID do artigo):

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

    Exemplo 2 (uso de um sistema numerado como a ID do artigo):

    <span class="livefyre-commentcount" data-lf-site-id="311458" data-lf-article-id="25"> 0 Comments </span>
    
  3. Configurar opções.

    Para ter mais controle sobre como as contagens de conteúdo são substituídas, chame LF.CommentCount() e passe em um objeto que contenha as opções de configuração. Certifique-se de chamar a função depois que todos os elementos que precisam ser substituídos estiverem no DOM. O melhor lugar para chamar esse método é no rodapé, portanto, isso acontece quando o DOM é carregado, mas antes dos eventos prontos para documento e janela.

    Permitimos as seguintes opções de configuração:

  • replacer: função ou Regex usado para substituir o texto de cada contagem de conteúdo.

  • função: usada para fazer a substituição em cada elemento. Os argumentos da função são:

    element: o elemento HTML que está sendo atualizado.
    contagem: a contagem de conteúdo para esse elemento.

  • regex: usado para determinar qual parte do texto do elemento deve ser substituída pela contagem.

    Exemplo:

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

    Use o substituto para personalizar ou internacionalizar a mensagem de contagem de comentários.

Nesta página