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
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:
No painel, é possível ver artigo a artigo a quantidade de like e dislikes por publicação.