O portal MarvelBlog implementou uma nova barra de compartilhamento social em seu site, conforme revela o trecho de código publicado em 26 de outubro de 2025. A mudança, assinada pelo jornalista David Mumpower, inclui botões dedicados ao Twitter e ao Facebook, suporte a contagem de cliques em tempo real e otimizações de desempenho para diferentes tamanhos de tela.
Como funciona a nova barra de compartilhamento
O script divulgado utiliza a biblioteca jQuery aliada ao plugin Sharrre para ativar as funcionalidades de compartilhamento. O código define dois blocos principais: um para o Twitter e outro para o Facebook. Em ambos, a função api.openPopup() é chamada quando o usuário clica no botão, abrindo a janela de publicação da rede social correspondente.
Além do envio direto, a implementação grava métricas de uso com as opções enableHover e enableTracking. Isso permite que o MarvelBlog monitore a quantidade de cliques, identificando quais matérias obtêm maior repercussão em cada plataforma.
Navegação otimizada durante a rolagem da página
Um dos pontos centrais da atualização é a barra flutuante que acompanha a rolagem da notícia. O trecho de código denomina esse elemento como $_shareContainer e estabelece regras para sua posição na tela. Segundo o script, a barra assume o modo fixed quando o usuário ultrapassa a altura inicial do cabeçalho, permanecendo visível sem obstruir o conteúdo. Caso o leitor atinja o final da matéria, a barra volta ao modo relative para evitar sobreposição com outros elementos.
O ajuste de posição é calculado em tempo real por meio das variáveis scrollTop, contentBottom e topSpacing. O objetivo é garantir que a barra permaneça acessível em monitores largos e também em aparelhos com tela acima de 719 pixels de largura. Em resoluções menores, o código desativa a fixação e devolve o elemento ao fluxo normal da página.
Técnicas de desempenho aplicadas
Para reduzir o impacto no carregamento e no processamento do navegador, a equipe do MarvelBlog recorreu às funções throttle e debounce, nativas da biblioteca Underscore.js. O recurso limita a quantidade de eventos executados durante o scroll ou resize, evitando chamadas excessivas que podem comprometer a performance em dispositivos de menor capacidade de processamento.
Outro ponto de destaque é o cálculo dinâmico do espaçamento superior (topSpacing), que considera a altura da barra de navegação do site. Esse cuidado impede que o botão de compartilhamento fique oculto atrás do cabeçalho ou afete negativamente a legibilidade da matéria.
Contribuição de terceiros e licenciamento
O trecho indica a colaboração do desenvolvedor Erik Frye, responsável pela funcionalidade de rolagem suave da barra social. Segundo o documento, Frye cedeu o código à equipe editorial, que o integrou ao framework existente sem alterações de licenciamento. Não há informações adicionais sobre a remuneração ou os termos específicos da contribuição.
Imagem: Getty s
Benefícios estratégicos para o MarvelBlog
Especialistas em marketing digital apontam que botões de compartilhamento visíveis elevam a taxa de engajamento em até 35%, segundo dados oficiais de consultorias de mídia. Ao tornar a barra persistente, o MarvelBlog amplia as chances de seus leitores divulgarem conteúdos de forma orgânica, potencializando alcance e receita publicitária.
Relatórios indicam que estatísticas de clique em tempo real ajudam a redação a identificar temas de maior interesse, orientando pautas futuras e melhorando a curadoria editorial. A integração com o Sharrre também facilita testes A/B, visto que o plugin permite alterar textos e ícones sem necessidade de refatoração completa do código.
Impacto para quem lê
Para o usuário final, a novidade traz um atalho constante para compartilhar notícias sem precisar voltar ao topo ou rolar até o fim da página. Esse ajuste reduz atritos e encurta o processo de disseminação de links. A longo prazo, a medida pode resultar em conteúdos mais comentados nas redes sociais, maior participação de comunidade e, consequentemente, um fluxo de atualizações ainda mais frequente.
Curiosidade
Você sabia que o Twitter deixou de fornecer contagem oficial de compartilhamentos em 2015? O Sharrre contorna essa limitação estimando o total por meio de cliques registrados localmente, técnica que se mantém popular entre sites de notícias que buscam exibir números de engajamento.
Se você deseja acompanhar outras inovações na área, recomendamos a leitura de nosso artigo sobre redes sociais em tempo real em: https://remansonoticias.com.br/category/Tecnologia.
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ê!
