brasil.gov.temas icon indicating copy to clipboard operation
brasil.gov.temas copied to clipboard

Erros variados na funcionalidade de compartilhar em redes sociais

Open idgserpro opened this issue 5 years ago • 0 comments

Imagens dos ícones

Ao acessar a opção para compartilhar conteúdo, a imagem dos ícones das seguintes redes sociais não estão sendo exibidas:

  • Whatsapp
  • Email
  • Pinterest
  • Telegram

imagens-dos-icones

Responsividade

Ao simular o uso do portal em versão para mobile, a barra de redes sociais some impossibilitando o compartilhamento do conteúdo.

Configuração: campo "Estilo dos botões"

No painel de controle, nas configurações do social Like (@@sociallike-settings), o campo "Estilo dos botões" aparenta não estar funcionando ou a única opção aceitável para o IDG deve ser a opção "vertical".

A opção "horizontal" não funciona quando selecionado, o estilo vertical continua sendo exibido, no entanto, quando essa configurado dessa forma, a barra que exibe as redes sociais para compartilhamento de conteúdo fica fixa durante a rolagem da página, sendo necessário rolar a página até o final para que todas as redes sociais habilitadas sejam visualizadas, conforme mostra a imagem abaixo que já está posicionada no meio da página e não é possível visualizar todas as redes sociais. Quando a opção "vertical" está selecionada o problema não ocorre.

estilo-dos-botoes

Não funciona como esperado

Ao serem selecionadas, as seguintes redes sociais não funcionam como esperado:

  • Facebook - ao clicar no ícone, nada acontece. O mesmo ocorre no portal do Brasil.gov - (http://www.brasil.gov.br/noticias/saude/2018/12/confira-dez-dicas-de-saude-para-o-verao). No firefox funciona somente quando o campo "Mostrar número de curtidas" está desabilitado; se habilitado, mesmo com o facebook configurado para compartilhar (e não curtir) a opção deixa de funcionar. Mas o clique do mouse só funciona na parte inferior do ícone, na parte superior não.
  • Twitter => No chrome, ao clicar no ícone, nada acontece, mas funciona no Brasil.gov
  • whatsapp => ao clicar no ícone, nada acontece.
  • Google+ => No Chrome, ao clicar no ícone, nada acontece, mas funciona no Brasil.gov. Apesar disso, como o suporte a essa rede será removido (https://github.com/collective/sc.social.like/issues/166) não faz sentido analisar nesse caso ficando aqui apenas como histórico.

Tooltip ao passar o mouse em cima

Ao passar o mouse sobre o ícone das seguintes redes sociais, o texto do mouse over não está sendo exibido ou está sendo exibido inadequadamente:

Facebook => melhorar o texto do mouse over exibido no Chrome ("fs:share_button..." ou "fb:like..."). Twitter => inserir texto do mouse over: Firefox Whatsapp => inserir texto do mouse over: Firefox e Chrome Google+ => melhorar o texto do mouse over exibido no Chrome ("G+") e no firefox ("Compartilhar"). Apesar disso, como o suporte a essa rede será removido (collective/sc.social.like#166) não faz sentido analisar nesse caso ficando aqui apenas como histórico. Linkedin => inserir texto do mouse over: Firefox e Chrome Pinterest => inserir texto do mouse over: Firefox e Chrome

(Isso tem de ser estudado para não dar conflito com as diretivas do EMAG. Ver https://github.com/plonegovbr/brasil.gov.portal/issues/576#issuecomment-481365381)

Opção curtir do facebook

A opção "curtir" para a rede social "facebook" (@@sociallike-settings#fieldsetlegend-facebook#fieldsetlegend-facebook) não está funcionando adequadamente.

  • quando o campo "Mostrar número de curtidas" da aba "facebook" está selecionado, o clique do botão do facebook na barra de redes sociais pára de funcionar no firefox e no chrome.
  • quando o campo "Mostrar número de curtidas" da aba "facebook" não está selecionado, o clique do botão do facebook na barra de redes sociais funciona no firefox, mas no Chrome não funciona. No entanto, dá para saber que a página está curtida ou não pq o mouse over do botão mostra o texto "curtir" ou "descurtir", mas o número de curtidas não é exibido.

O teste foi realizado em um conteúdo do tipo "notícia".

idgserpro avatar Apr 12 '19 15:04 idgserpro