Olá pessoal.
Neste post iremos implementar o compartilhamento pelo Facebook utilizando um projeto RoR com HAML e Javascript. Com projeto criado iremos adicionar o código abaixo no arquivo index.html.haml:
/ Botão de compartilhamento pelo Facebook.
.span
.fb-send{"data-font" => "arial", "data-href" => "http://#{request.host}:#{request.port}#{request.fullpath}"}
#fb-root
:javascript
(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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
Este botão do Facebook irá compartilhar o link da sua página que será formado por este código:
http://#request.host:#request.port#request.fullpath
Onde:
#{request.host} – Retorna o host da aplicação.
#{request.port} – Retorna a porta.
#{request.fullpath} – Retorna o caminho da página composto também pelas pastas.
Observação, o Facebook não permitiu o compartilhamento devido a aplicação está rodando localmente. Você pode publicar sua aplicação no Heroku para poder testar. Acesse este post e veja como realizar o deploy da aplicação no Heroku.
Para mais detalhes sobre o button share do Facebook acesse aqui.
Até breve 😉
