更新日: 2016年11月18日
Rails

Railsアプリにソーシャル・シェアボタンを簡単設置

Rails アプリケーションで Twitter や Facebook などのソーシャルメディアサービスのシェアボタンを簡単に設置する方法の紹介です。gem を探していたら、social-share-button という gem を見つけたのでこれを利用してみました。

— 環境 —
rails 5.0.0.1
social-share-button 0.8.4

social-share-button

まずは social-share-button の gem をインストール。

Gemfile

gem 'social-share-button'

1	gem 'social-share-button'


$ bundle install

$ bundle install

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

social-share-button 用の initializer を設定

続いて initializer 用のファイルを生成するために以下コマンドを実行。


$ bundle exec rails generate social_share_button:install

$ bundle exec rails generate social_share_button:install

生成された config/initializers/social_share_button.rb を確認すると、デフォルトでは以下の内容となっていました。

SocialShareButton.configure do |config|
  config.allow_sites = %w(twitter facebook google_plus weibo qq douban google_bookmark delicious tumblr pinterest email linkedin wechat vkontakte xing reddit hacker_news)
end

SocialShareButton.configure do |config|

config.allow_sites = %w(twitter facebook google_plus weibo qq douban google_bookmark delicious tumblr pinterest email linkedin wechat vkontakte xing reddit hacker_news)

end

Twitter と Facebook だけ利用するように以下の内容に編集。

config/initializers/social_share_button.rb

SocialShareButton.configure do |config|
  config.allow_sites = %w(twitter facebook)
end

SocialShareButton.configure do |config|

config.allow_sites = %w(twitter facebook)

end

とりあえず今回は Twitter と Facebook のシェアボタンを設置する設定です。

assets の manifest ファイルの設定

application.js, application.css にそれぞれ以下のように追記します。

app/assets/javascripts/application.js

//= require social-share-button

1	//= require social-share-button

app/assets/stylesheets/application.css

*= require social-share-button

1	*= require social-share-button

ビューでシェアボタンを表示

最後にシェアボタンを表示したいビューで、social_share_button_tag ヘルパーを使ってボタン表示。

app/views/posts/show.html.erb

<%= social_share_button_tag(@post.title) %>

1	<%= social_share_button_tag(@post.title) %>

以上の簡単な作業で、ソーシャルボタンを表示できるようになります。

パーフェクト Ruby on Rails は、最近読んだ Rails 本の中では一番役に立った本です。Chef や Capistrano など Rails と共によく使用される技術にも触れてあります。Ruby on Rails 4 アプリケーションプログラミングは、入門的な内容で Rails の機能全体を網羅されています。

パーフェクト Ruby on Rails

Ruby on Rails 4 アプリケーションプログラミング