Adicione links que podem ser clicados em seu conteúdo com InlineTweet.js

Você verá muito esse recurso em sites grandes, como o TechCrunch e o Mashable. Você estará lendo um artigo e notará que uma frase inteira é destacado como um link.

No entanto, quando você clica nele abrir uma janela de tweet pedindo para você compartilhar o snippet de texto com seus seguidores no Twitter. É uma ótima maneira de direcionar tráfego para seu site e incentivar mais compartilhamentos sociais.

Para replicar esse efeito no seu site, tente InlineTweet.js. Isso pode economizar horas de tempo de configuração adicionando essa funcionalidade à sua página.

Este plugin JavaScript gratuito é super fácil de instalar e até tem um plugin WordPress gratuito se você preferir essa rota.

isto não requer nenhuma dependência de JavaScript, então você pode rodar este sans-jQuery.

Todo o conteúdo funciona diretamente através dos atributos de dados, então você configuraria esses itens um a um, com base no seu conteúdo. Naturalmente, o plugin WordPress torna isso muito mais fácil, então se você preferir ter mais controle, esta é uma ótima opção..

Na página principal do script, você encontrará alguns trechos de código demonstrando como isso funciona.

Você só precisa incluir o script JS em sua página e copiar algumas CSS na sua folha de estilo (apenas 3 blocos). De lá, você pode Anexar códigos HTML como isso:

  Lorem Khaled Ipsum é uma das principais chaves para o sucesso  

o somente item obrigatório aqui é o topo data-in-line-tweet atributo. Essa é a única coisa que você precisa para ter o efeito funcionando, tudo o resto é opcional.

Mas, essas opções extras fazem a diferença porque elas adicionar recursos ao tweet gerado automaticamente:

• Data-inline-tweet-via - adiciona um @mention no tweet
• Tags de dados in-tweet-tags - acrescenta tags ao tweet (se houver espaço)
• Data-inline-tweet-url - inclui um URL clicável no seu tweet

A configuração pode ser difícil, e é por isso que recomendo usar o plug-in do WordPress, se puder.

Mas, não é tão ruim assim, basta copiar / colar o conteúdo para qualquer texto que você queira tweetable. E para um plugin grátis, essa coisa é muito leve.

Dê uma olhada na página de demonstração para ver isso em ação e procure no repositório do GitHub se quiser saber mais.