| | | | Como podemos disseminar nossos conteúdos nas redes sociais? |
Hoje em dia, fala-se muito que a Web está se tornando cada vez mais "social" devido à influência marcante das redes sociais como o twitter, facebook, linkedin, orkut, etc. Vejamos como podemos compartilhar nossas páginas e conteúdos do site através dessas redes. Se prestarmos atenção cada vez que estamos navegando pelos sites para ler notícias, blogs e todo tipo de conteúdos, podemos ver que nos oferecem a possibilidade de compartilhar o que estamos lendo com nossos amigos no Facebook, nossos seguidores no Twitter, no Google Buzz e uma infinidade de redes sociais e ferramentas de social bookmarking.
Isso nos permite recomendar a leitura às pessoas que nos conhecem e, portanto, aumenta a probabilidade que alguém da minha rede de conexões também se interesse na leitura e por aí vai… a cadeia vai crescendo, e é uma maneira muito efetiva para divulgar algo na Web atual.
O que queremos conseguir é o que se exibe na seguinte imagem, quer dizer, ter esses botões que nos permitam compartilhar o que se está vendo através das redes sociais.
Para fazer isso com o Gxportal, podemos criar um HTML livre no qual colocar as seguintes porções de código HTML, todas juntas, para obter o que se vê na imagem acima. Depois se utiliza o GXportlet de HTML livre que se pode colocar na página que se utilizará para ampliar os conteúdos ou pode ser utilizado nos moldes do site de maneira que estes botões estejam sempre presentes em todas as páginas do site.
A seguir, vamos apresentar por separado as porções de código para saber a qual botão corresponde cada uma. Em primeiro lugar o botão Twit this:
<a href="javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()"><img alt="TwitThis" src="https://www.gxportal.com/media/images/twittersml.gif?timestamp=20170913143413" style="border:none;" /></a>
Para o botão de compartilhar no Facebook:
<script>function fbs_click() {u=location.href;t=document.title;window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436");return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img alt="Compartir en Facebook" src="https://www.gxportal.com/media/images/facebook-share.png?timestamp=20170913143413" border="0"/></a>
Para o botão do serviço Add This:
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c3f13884cff4e0a"><img alt="Bookmark and Share" height="16" src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" style="border:0" width="125" /></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c3f13884cff4e0a"></script>
Notar que para o caso dos dois primeiros, é possível personalizar a imagem que se usa para exibir o botão. Desta forma, seria possível chegar a usar os botões por separado, caso não haja interesse em dar todas as opções juntas.
|
| | | | | | | | |
| |
|