TwitterやFacebookなどのSNSボタンを5分で追加する
Railsアプリを作る時、SNSのシェアボタンを設置するにはどうすれば良いのでしょうか?
今回たまたまsocial-share-button
というgemを見つけたので、それを使ってみました。
https://github.com/huacnlee/social-share-button
やり方はREADME.md
に書かれていますが、まとめます。
ざっくり手順紹介
ざっくり手順紹介
- Gemfileに追加して
bundle install
する - application.cssに追加する
- application.jsに追加する
- viewに
social_share_button_tag
を設定する
Gemfileの設定
# Gemfile gem 'social-share-button'
コマンドはお馴染みのbundle install
css設定
# application.css #= require social-share-button
js設定
# application.js //= require social-share-button
viewの設定
# show.html.haml %p#notice= notice %h2 = @event.title = social_share_button_tag(@event.hash_tag, :allow_sites => %w(twitter facebook google_plus weibo qq douban google_bookmark delicious tumblr pinterest email linkedin wechat vkontakte xing reddit hacker_news telegram odnoklassniki))
これだけ!!
第一引数に渡した文字列がツイートの本文になる。
とりあえず全部アイコン出してますけど、半分以上分からない...
あと、facebook
は使えないんだって。
まーこんな感じです。
README.md
通りやると途中でrails g
コメンドでファイル作成して、そっちに表示したいアイコンの配列を作るのですがエラーになって上手くいかなかった。
多分上手くそのファイルが読み込めてないのだけど、原因わからないからview
から直接渡しちゃってる。
とりあえず出来たからOK!