Quer seu anúncio aqui ? Temos preços especiais.

24/08/2017

Como colocar botões de compartilhamento em meu site ?

Nenhum comentário :


Provavelmente você também está tentando aumentar as visitas de seu site, caso se interesse leia esse artigo O que é SEO ? Como usar em meu site ?. Colocar botões de compartilhamentos é muito simples vamos ao código:

Twitter


<a class='twitter-share-button' data-lang='pt' data-related='aprendizador' data-via='aprendizador' href='https://twitter.com/share'>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);
}}(document, 'script', 'twitter-wjs');
</script>


Vamos vê agora como você pode costumizar este botão.

Customizar

Linguagem

No atributo data-lang, você pode trocar a linguaguem na qual você quer que o texto do botão apareça, por exemplo, pt = Português, en = Inglês, es = Espanhol e assim por diante".

Seguir seu usuário do twitter

No atributo data-related, você pode colocar seu usuário do twitter sem o @, para quando abrir a janela de compartilhamento aparecer para seu leitor a seguinte mensagem "Novo no twitter ? Siga o /*Seu nome no twitter*/ no Twitter /*botão seguir*/".

via @username

Caso você queria que o seguinte texto "via @username" esteja presente no twitter de compartilhamento, caso o usuário não queria tirar coloque seu nome de usuário no Twitter no atributo data-via sem o @.

Google +


<div class='g-plusone' data-size='tall'></div>;
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>


Facebook


<div class='fb-share-button' data-href='https://aprendizador.blogspot.com.br/2017/07/o-que-e-movimento-operario-e-comparacao.html' data-layout='button_count' data-mobile-iframe='true' data-size='small'><a class='fb-xfbml-parse-ignore' href='' target='_blank'></a></div>
<div id='fb-root'></div>
<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 = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=459058764200061";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


Vamos vê agora como você pode costumizar este botão.

Customizar

Linguagem

Caso você quer mudar a linguagem do texto no botão de compartilhamento substitua o pt_BR pela linguagem desejada, por exemplo, en_US = Inglês (EUA), pt_BR = Portugês(Brasil), es_ES = Espanhol (Espanha) na linha js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=459058764200061";.

Layout

Caso você queria que o Layout do botão de compartilhamento seja outro você poderá mudar conteúdo do campo data-layout para button_count (atual) ou box_count

Url a ser compartilhada

No atributo data-url deve ser colocado a url a ser compartilhada. Caso você use o blogger use o seguinte código:

<div class='fb-share-button' expr:data-href='data:blog.url' data-layout='button_count' data-mobile-iframe='true' data-size='small'><a class='fb-xfbml-parse-ignore' href='' target='_blank'></a></div>
<div id='fb-root'></div>
<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 = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=459058764200061";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


Dúvidas ? Deixe nos comentários.

Nenhum comentário :

Postar um comentário

Ao acessar e comentar em nossos serviços você concorda com a nossas Politicas de privacidade, com nossos Termos de Uso e com a nossas Políticas de segurança