30 de maio de 2017

Compartilhar trecho das postagens no Facebook

O Facebook é a rede social mais utilizada no mundo, e com isso ela faz com que ela esteja em constante atualizações e trazendo várias melhorias no decorrer do tempo. E recentemente a equipe de desenvolvedores lançaram um recurso que pode ser muito útil para blogs de mensagens, mas acredito que pode ser útil para muito mais tipos de blog.


Trata-se de um plugin de citações onde tem como objetivo o visitante ao selecionar um determinado trecho em sua postagem, aparece um botão escrito "Compartilhar Citação" e ao clicar, abre uma caixa do Facebook para compartilhar aquele trecho que você selecionou juntamente com o link para sua postagem.

Realmente a ideia é muito boa e pode aumentar bastante o engajamento do seu blog na rede social. A implementação no Blogger também é bem tranquilo de fazer, siga atentamente os passos abaixo.

Instalar compartilhador de citações nas postagens do Blogger

Bom, antes mostrar como fazer, você quer ver como funciona? Então é só selecionar o trecho abaixo e veja a mágica acontecer:
Selecione esse trecho com o mouse
Sem mais delongas, vamos ao que interessa.
Atenção: Antes de fazer qualquer alteração, faça o backup do seu template.
  1. Acesse o Painel do Blogger
  2. Vá até Tema > Editar HTML clique sobre o editor e tecle CTRL+F e procure por </body>, imediatamente acima do trecho encontrado cole:
  3. 
    <div id='fb-root'/>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = &quot;//connect.facebook.net/pt_BR/sdk.js#xfbml=1&amp;version=v2.6&quot;;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    
    
    

  4. Agora procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> e logo abaixo cole:
  5. 
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-quote"></div></b:if>
    
    
    
  6. Salve o Modelo
Pronto, agora todas as postagens do seu blog passarão a exibir o Compartilhar citação nos trechos selecionados.

Obs: Se as meta tags Open Graph do seu blog não estiverem configuradas, pode ocorrer um bug ao compartilhar. Por exemplo a imagem do post pode não aparecer no compartilhamento do Facebook, assim como o título, descrição etc.

Então eu recomendo fortemente que você utilize o Pacote de Meta Tags 2017 que publiquei aqui no Códigos Blogger, elas estão com as meta tags Open Graph configuradas corretamente para você utilizar em seu blog.

Dúvidas? deixe um comentário abaixo

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

1 comentários

Oi amigo, muito bom artigo parabéns.


Abrir lista de emoticonFechar lista de emoticon