Extensão de notícias Like ou Dislike nos artigos - útil - gostou

Funcionalidade da Extensão #4 de Notícias para armazenar like ou dislike no artigo e no localStorage do usuário

Ícone Compartilhar no Whatsapp Ícone Compartilhar no Twitter Ícone Compartilhar por e-mail

Essa funcionalidade permite habilitar exclusivamente na Extensão de Notícias o layout e funcionalidades para:

  • Adicionar botão de Curtir/Gostar/Achar Útil o artigo, assim como a negativa (opcional)
  • Armazenar os dados em localStorage, ou seja, por dispositivo, com as avaliações de artigos realizadas pelo usuário


Como usar


No layout do artigo, o HTML precisa conter estes ids e classes, conforme:

<div class="likeOrDislikePublishArticle"> <span class="likeOrDislikeButtons" id="likePublishArticleButton">Gostei desse artigo</span> <span class="likeOrDislikeButtons" id="dislikePublishArticleButton">Não gostei desse artigo</span> </div>




A opção seleciona contém a classe userPublishRatingChoice, exemplo abaixo com o like selecionado

<div class="likeOrDislikePublishArticle"> <span class="likeOrDislikeButtons userPublishRatingChoice" id="likePublishArticleButton">Gostei desse artigo</span> <span class="likeOrDislikeButtons" id="dislikePublishArticleButton">Não gostei desse artigo</span> </div>

Adicionar o script após o script de visitas (visits2.js) o qual contém o atributo data-visit


<script src="https://www.craft.interago.com.br/App/Extensions/4/tag/rateArticle.js"></script>



Os dados são armazenados em localStorage para o visitante não votar várias vezes, conforme a imagem abaixo:

Imagem likeDislikeLocalStorage

No painel, é possível ver artigo a artigo a quantidade de like e dislikes por publicação.

Imagem likeDislikePanel
Gostei desse artigo Não gostei desse artigo

Você também pode gostar de ler

Imagem principal do artigo Link do Instagram nas notícias

Link do Instagram nas notícias

Funcionalidade de incorporar postagens do instagram nos artigos publicados.

Em 20/05/2025 às 11h27 - Atualizado em 20/05/2025 às 11h58

Imagem principal do artigo Guia Completo para Instalar Notícias (Extensão) - Nova versão: Sites >  #155

Guia Completo para Instalar Notícias (Extensão) - Nova versão: Sites > #155

Instalação, passo a passo e guia prático atualizado para instalar e utilizar notícias no site dos clientes

Em 31/10/2022 às 16h36 - Atualizado em 28/04/2025 às 15h35

Imagem principal do artigo Listar Notícias com AJAX - Atualizado 27/06

Listar Notícias com AJAX - Atualizado 27/06

Como gerar listas de notícias diretamente da base de dados por ajax

Em 06/01/2023 às 02h45 - Atualizado em 17/01/2025 às 13h39

Imagem principal do artigo Extensão de notícias Like ou Dislike nos artigos - útil - gostou

Extensão de notícias Like ou Dislike nos artigos - útil - gostou

Funcionalidade da Extensão #4 de Notícias para armazenar like ou dislike no artigo e no localStorage do usuário

Em 12/11/2024 às 10h07

Imagem principal do artigo Acompanhamento e relatórios para páginas AMP

Acompanhamento e relatórios para páginas AMP

Como fazer as páginas AMP contabilizarem acessos com a extensão #1 de relatórios

Em 06/06/2023 às 09h11 - Atualizado em 06/09/2023 às 02h21

Imagem principal do artigo Guia Completo para Instalar Notícias (Extensão) - versão 1: Sites <  #155

Guia Completo para Instalar Notícias (Extensão) - versão 1: Sites < #155

Instalação, passo a passo e guia prático atualizado para instalar e utilizar notícias no site dos clientes

Em 25/03/2022 às 10h25 - Atualizado em 31/10/2022 às 18h56