Obtenha uma Caixa de Compartilhamento Flutuante como a do WPBeginner – Smart Sharing v1.1

Você provavelmente notou que o WPBeginner tem uma caixa de compartilhamento flutuante em todas as postagens. Lançamos um plugin há mais de um ano conhecido como Smart Sharing. O plugin Smart Sharing permite que você maximize o poder de sua audiência atual para obter mais votos em mídias sociais. Este plugin adiciona uma caixa de rolagem com ícones de mídia social em páginas de postagem únicas, de modo que, à medida que seu leitor rola a página, ele verá continuamente o botão de compartilhamento. Estamos aplicando a teoria de Reforço Positivo de B.F Skinner ao marketing. Seu usuário se sentirá obrigado a compartilhar a postagem, o que, por sua vez, o ajudará a obter mais tráfego, leads e conversões através do uso de mídias sociais. Seu conteúdo de qualidade obterá a exposição que merece e também criará uma comunidade saudável para sua marca em redes de mídia social.

Havia um bug importante no plugin que estava há muito tempo para ser corrigido. Nesta rápida versão v1.1, corrigimos o bug importante e fizemos várias atualizações. Então, o que foi adicionado nesta nova versão?

Correção de Bug Importante

Primeiro, corrigimos o problema da caixa flutuante que passava por cima do conteúdo. Anteriormente, a caixa estava anexada à janela do navegador em vez do seu conteúdo. Portanto, quando o usuário em uma resolução menor ou tamanho de janela menor abria seu site, a caixa passava por cima do conteúdo. Nesta nova versão, a caixa flutuante nunca fará isso. Ela está anexada ao seu conteúdo, então se a janela for pequena, ela simplesmente será ocultada. Para adicionar este recurso, tivemos que remover o recurso que permitia escolher em qual lado do conteúdo você queria que o flutuador ficasse. Agora, ele está automaticamente no lado esquerdo, assim como no WPBeginner.

Botões de Mídia Social Atualizados

Quando lançamos o Smart Sharing Plugin pela primeira vez, não tínhamos o botão oficial de tweet, nem o botão de curtir do Facebook. Então, estávamos usando muitos scripts não oficiais de terceiros, como Tweetmeme, FBShare e similares. Nesta nova versão, substituímos o widget tweetmeme pelo botão oficial de retweet do Twitter. Também substituímos o script FBShare impreciso pelo Botão de Curtir oficial (que também vem com um Botão de Enviar).

Todas as opções anteriores, como substituir opções para posts individuais, selecionar quais botões aparecem em quais posts, personalizar a aparência e assim por diante, ainda estão lá.

Este plugin é exclusivo para os assinantes da nossa newsletter.

Baixar Smart Sharing Plugin

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

51 CommentsLeave a Reply

  1. Olá pessoal, instalei o plugin com sucesso, mas ele aparece duas vezes na minha página. Um à minha esquerda, que é onde eu quero e rola perfeitamente, e outro à direita que é estático. Não tenho nenhum outro plugin de mídia social instalado, então como posso corrigir isso? Obrigado pelo seu tempo!

  2. Olá pessoal, e obrigado pelo trabalho de vocês! Plugin excelente.

    É possível mostrar a caixa na página inicial (não apenas na página de post único)?

    Thanks in advance, Im looking at the plugin code but im stucked (beginner) ;)

  3. Olá... Plugin com ótimo visual e funcionalidade.. Eu só gostaria de uma pequena ajuda para acertar. Eu o configurei em mission0ps.com e mudei a cor da caixa de fundo. Agora o plugin não rola. Eu não tenho um botão de curtir do FB instalado... alguma ideia?

  4. Olá

    O plugin é muito bom e ajuda em mais compartilhamentos, mas o plugin está quebrando todos os plugins LightBox que eu uso.

    Existe alguma maneira de corrigir isso? Eu quero usar lightbox, mas não posso deixar o Smart Sharing também.

    Por favor, ajude

  5. Olá, este plugin não está funcionando. Na verdade, ele está funcionando, mas recebo este plugin duas vezes no site; no topo e à esquerda (onde ele precisa estar). Testei em três modelos e é sempre o mesmo… Meu blog é skiingforever.com, por favor, ajude!!

    • @DankoPuskaric Isso geralmente acontece por dois motivos: Ou porque seu tema tem duas chamadas para wp_head(); ou porque você está usando algum tipo de plugin como o FB para WordPress.

        • @wpbeginner hehe, sim foi o seu plugin: Plugin simples que adiciona informações de metadados Open Graph do Facebook em temas do WordPress para evitar problemas de miniatura ausente, título incorreto e descrição incorreta. Você tem alguma solução?

  6. no plugin você tem um espaço onde pode adicionar código CSS para o google+1

    EX:

    <div id=”googleplus1″>

    googleplugincodeEXAMPLE

    </div>

  7. @HicksNewMedia Você também pode adicioná-lo à página single.php no loop, antes de <?php the_content();?>., ou em qualquer página que seu tema usa para posts.

  8. Ah, logo depois de postar isso, adicionei if_page ao lado de if_single e fiz com que ele postasse nas páginas. Isso bagunçou meus sliders, então terei que visitar isso outro dia.

  9. Esta é uma ótima barra de compartilhamento flutuante. Concordo com os outros que o efeito de 'pulo' não é para todos, mas isso é facilmente corrigido com CSS. Como eu nunca tentei entender PHP, terei mais dificuldade em fazer com que ele seja postado nas páginas, mas tenho certeza de que vou descobrir.

    Obrigado por todo o trabalho que você faz.

  10. @gdradu ou você pode usar CSS para sobrescrever as configurações dele. algo como isto:

    #sharepost { position: fixed; margin-top: 0!important; top: 50%;}

    isso ajudará a centralizar verticalmente a caixa.

  11. @OmarKattan qual tema você tem?

    Se você tem o Thesis, remova essa linha e desmarque os scripts jquery em opções de design > Opções de Exibição da Página Inicial > JavaScript. e

    opções de design > JavaScript > Bibliotecas JS do Site Inteiro.

    No meu site está funcionando como aqui. Ele fica no meio do site.

    And sorry for my english again, if i wrong with something :)

  12. Encontrei a solução para o plugin ficar fixo como neste site.

    1. Procure este código no editor de plugins.

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remova esta linha:

    else { $(“#sharepost”).stop().animate({ marginTop: 20

    E pronto.

  13. eu encontrei a solução.

    1. Procure por este código:

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remova esta linha.

    else { $(“#sharepost”).stop().animate({ marginTop: 20 });

  14. Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  15. Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  16. Olá e desculpe pelo meu inglês. Por favor, diga-me como fazer a largura do plugin smart sharing fixa como neste site?

  17. @wpbeginner @HicksNewMedia Ok, mas como fazemos para que não fique tremido? Se as pessoas estão desinstalando seu plugin porque não gostam, isso não significa que deveria haver algum tipo de correção para isso? Gostamos do esquema flutuante do WPBeginner. Há outras cinco pessoas que comentaram sobre a mesma coisa.

  18. @HicksNewMedia @SethA.Frank Nunca deve aparecer na sua página inicial. Porque há uma tag condicional is_single << A rolagem tremida é um JS que estamos usando, algo que usamos a pedido do nosso cliente.

    Em breve, o WPBeginner usará o mesmo efeito.

  19. @HicksNewMedia @SethA.Frank Espero realmente que possamos obter uma correção ou uma razão para isso, porque o desta página funciona exatamente como eu gostaria. Não treme nada.

  20. @SethA.Frank Tive que desinstalar o plugin por esse exato motivo – rolagem tremida e aparecendo em vários locais na página inicial.

    Espero que eles lancem uma atualização em breve.

  21. Estou na mesma situação. Tenho ele funcionando, mas não é suave como neste site. Fica todo tremido quando você rola. Ajuda!

  22. Tendo um problema em exibir a caixa de compartilhamento no meu site, estou usando WordPress 3.1.3 e o template Convergence. Qual parece ser o problema?

  23. Eu realmente gosto do conceito, e a execução é ótima, exceto que eu preferiria que ele ficasse parado como no wpbeginner em vez de ficar pulando sempre que um usuário rola para cima ou para baixo.

    Existe uma maneira rápida para eu mudar isso?

  24. Tive problemas ao tentar colocá-lo no lado direito da página do meu blog e concordo com o comentário acima de que o flutuante não é suave. Ele pula constantemente toda vez que você rola para baixo. Voltei para a versão original, pois esta nova parecia ter mais bugs.

  25. Olá,

    Plugin muito bom! Anteriormente, eu pagava para ter um complemento assim desenvolvido para cada um dos meus plugins, mas agora não preciso mais!

    Em relação à sua posição, o que quer que eu escreva aqui:
    Distância dos Ícones da Borda

    Ele está aparecendo no mesmo lugar?

    Alguma ideia do que está acontecendo?

    Obrigado!

  26. Eu excluo a versão antiga e faço o upload da nova versão. É o jeito certo? Mas tentei muitas vezes e ainda não funcionou.. Agora estou usando a versão antiga novamente. Por favor, me ajude!

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.