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 😉