Novo recurso: Cartão do twitter e botão "tweet" em seus tópicos

por Shek 25.05.15 17:02

Botão twitter

Olá à todos os Administradores!

Visando garantir o aumento de tráfego nos fóruns e a interação das redes sociais para facilitar a publicação do seu fórum, a equipe Forumeiros implementou nesta manhã de Segunda Feira um novo recurso que ativa o botão twitter, e ao mesmo tempo, executa uma tarefa incrível nos fóruns.

Painel de Controle Módulos Redes sociais Twitter .

Novo recurso: Cartão do twitter e botão "tweet" em seus tópicos Jpg10

O que é o "twitter card"?

Os Cartões do twitter correspondem às informações de alguns tweets. Ou seja, a cada novo tweet enviado pelo Administrador, na página do seu twitter será mostrada as configurações de acordo com os detalhes assinalados no painel de controle.

Novo recurso: Cartão do twitter e botão "tweet" em seus tópicos Cp_twi10

Modificação nos templates personalizados

Para os fóruns com templates personalizados, por gentileza, queiram adotar as modificações a seguir:

phpBB2
Acesse Painel de Controle >> Visualização >> Templates >> Geral >> viewtopic_body e clique no Editar

:
Substitua tudo que estiver entre  e  por este novo código:

Código::  <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <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> </span>

phpBB3
Acesse Painel de Controle >> Visualização >> Templates >> Geral >> viewtopic_body e clique no Editar

:
Substitua tudo que estiver entre <p class="right"> e </p> por este novo código:

Código::  <span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <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> </span>   <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/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>

Invision
Acesse Painel de Controle >> Visualização >> Templates >> Geral >> viewtopic_body e clique no Editar

:
Substitua tudo que estiver entre  e  por este novo código:

Código::  <li class="post-icon" style="padding-top:5px"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <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> </li>

PunBB
Acesse Painel de Controle >> Visualização >> Templates >> Geral >> viewtopic_body e clique no Editar

:
Substitua tudo que estiver entre <div class="pun-crumbs noprint"> e </div> por este novo código:

Código:: <div class="pun-crumbs noprint clearfix"> <span class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} »  <strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong> </span> <div class="right">  <span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <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> </span>   <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/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </div> </div>

/!\: Vale ressaltar que com essa nova adição, foi necessário a remoção da opção "Botão Gostar" e incluí-la no recurso de conexão com Facebook para manter a organização do seu Painel de Controle.

Atenciosamente,
A equipe Forumeiros Rose

por viniliff 25.05.15 17:40

Mais uma ótima novidade! Parabéns! Feliz

por DeeW. 25.05.15 18:32

Bem legal, acho que já vi algo deste tipo em blogs...

por Neimasinho 26.05.15 15:08

Bem interessante, parabéns por mas está atualização.

por xbaiar 27.05.15 12:58

Bem interessante, parabéns por mais está atualização.
Muito interessante - esperar mais
Rosa

por nega2009 28.05.15 0:30

Gostei.

por Euclides 03.06.15 6:43

BUG: As mensagens estão todas truncadas e não se as pode ler com clareza.

por Shek 03.06.15 11:40

Euclides escreveu:BUG: As mensagens estão todas truncadas e não se as pode ler com clareza.

Bom dia.

Desculpe, eu não pude compreender o problema que nos reportou.

Poderia por gentileza criar uma nova questão no setor de suporte nos indicando uma imagem a respeito?

Atenciosamente,
Shek King