O portal MarvelBlog colocou no ar em 17 de agosto de 2025 uma atualização que adiciona uma nova barra de compartilhamento social às suas páginas. Desenvolvida com o plug-in Sharrre, a ferramenta oferece botões dedicados ao Twitter e ao Facebook, abre pop-ups para publicação rápida e registra métricas de engajamento em tempo real. O recurso foi publicado e assinado pelo editor David Mumpower na mesma data.
Como funciona a nova barra
A solução se baseia em código JavaScript que inicializa dois elementos: o botão “twitter”, configurado para compartilhar o link corrente, e o botão “facebook”, que abre uma janela para postagem na rede social. O script desativa animações de hover, habilita rastreamento de cliques e permite que o conteúdo seja divulgado sem sair da página original.
Outro ponto de destaque é a função que torna a barra fixa durante a rolagem. O algoritmo mede a posição inicial do componente, o topo do cabeçalho e o fim do corpo do artigo. A partir desses dados, define se o contêiner deve permanecer visível, aderir à margem superior ou retornar ao fluxo normal. Segundo especialistas em experiência do usuário, a estratégia reduz atritos e amplia a chance de o leitor compartilhar o material enquanto navega.
Impacto para o portal e para o leitor
O MarvelBlog já mantinha botões de redes sociais em seus textos, porém distribuídos em locais menos prominentes. Com a mudança, a interface passa a exibir os controles de forma consistente em telas grandes e ajusta o comportamento para dispositivos com largura inferior a 719 pixels. Nos smartphones, caso a janela seja muito estreita, o script suspende o posicionamento fixo para evitar sobreposição de conteúdo.
De acordo com dados de mercado, publicações que facilitam o share costumam registrar aumento de tráfego de referência a partir de redes sociais. Embora o MarvelBlog não tenha divulgado projeções, a expectativa é que a visibilidade de matérias exclusivas — como resenhas de quadrinhos ou coberturas de lançamentos cinematográficos — cresça entre usuários que preferem compartilhar links diretamente do site.
Detalhes técnicos da implementação
O trecho principal do código inicializa o Sharrre da seguinte forma:
$('#twitter').sharrre({ share: { twitter: true }, enableTracking: true });
Para o Facebook, o procedimento é semelhante. Ao clicar em qualquer um dos botões, a função api.openPopup() é chamada, ativando a janela de compartilhamento da respectiva plataforma. O script inclui ainda um módulo de cálculo responsivo que recalibra posições quando o usuário redimensiona o navegador, garantindo que a barra permaneça acessível.
A lógica considera três variáveis principais: a ancoragem no topo, a posição final do conteúdo e a altura da barra. Quando o leitor rola além do topo do artigo, a barra fixa-se a 100px do alto da tela; ao atingir o rodapé do texto, o componente volta ao fluxo normal para evitar sobreposição.
Comparação com soluções anteriores
Antes da adoção do Sharrre, o portal utilizava ícones estáticos que redirecionavam para as redes em nova aba, sem trackear cliques ou contabilizar interação. A alternativa atual oferece contagem de compartilhamentos, compatibilidade com layouts responsivos e menor impacto na performance, já que os recursos são carregados de forma assíncrona.
Imagem: David Mumpower
Relatórios indicam que grandes veículos de tecnologia e entretenimento migram gradualmente para bibliotecas leves, em vez de plug-ins completos de redes sociais, devido a restrições de privacidade e ao peso de scripts nativos. O Sharrre se destaca por usar somente chamadas necessárias, reduzindo o tempo de carregamento.
Possíveis desdobramentos
O MarvelBlog não confirmou se pretende estender a barra para outras plataformas, como WhatsApp, Reddit ou Pinterest, porém o próprio Sharrre possui módulos compatíveis. Caso a adoção seja ampliada, leitores poderão compartilhar notícias de filmes ou séries em diferentes redes sem recorrer a extensões de terceiros.
Para o público, a mudança oferece um atalho direto que elimina etapas manuais, como copiar e colar URLs. Para o portal, a medição interna de eventos deve gerar relatórios mais precisos sobre horário, origem e frequência de compartilhamento, informações valiosas para a equipe editorial.
Para quem acompanha implementações semelhantes em outros veículos, o Remanso Notícias publica atualizações contínuas sobre design, desenvolvimento web e tendências de experiência do usuário.
Em resumo, a introdução da barra de compartilhamento cumpre duas funções: facilita a vida do leitor, que agora publica links com menos cliques, e oferece ao MarvelBlog métricas detalhadas para orientar futuras decisões editoriais. A novidade reforça a importância de integrar elementos de rede social de forma discreta, mas funcional, em portais de conteúdo.
Curiosidade
O nome Sharrre, com três “r”, foi escolhido pelos criadores para diferenciar a biblioteca dos botões nativos de redes sociais, ao mesmo tempo em que mantém a referência ao ato de compartilhar (share). A grafia peculiar facilita buscas por documentação específica e evita confusão com plugins de nomenclatura semelhante usados em projetos de código aberto.
Para mais informações e atualizações sobre tecnologia e ciência, consulte também:
Quando você efetua suas compras por meio dos links disponíveis aqui no RN Tecnologia, podemos receber uma comissão de afiliado, sem que isso acarrete nenhum custo adicional para você!
