Intégration des boutons de partage sociaux dans Rails

  • Posted byby kernel
  • Updated:
  • 2 minute read
  • 0 Comments
Partagez sur:

Objectif

Dans ce mini tutoriel nous allons découvrir comment intégrer les boutons de partage sociaux  dans Rails 5.

Dans ce tutoriel nous allons utiliser Rails 5 et le gem social-share-button.

Étape N°1 : Installation du gem social-button-share

Pour ce faire deux manières s’offre à vous :

1ère manière : ajouter le gem dans votre ficher Gemfile

gem 'social-share-button'

Puis vous l’installer en faisant dans votre console :

$ bundle install

2ème manière :

Vous pouvez installer directement le gem en tapant  dans votre console:

gem install social-share-button

Étape N°2: génération des fichiers de configurations

Pour générer les fichiers de configurations tapez ce qui suit dans votre console

$ rails generate social_share_button:install

Étape N°3 : Configuration

Le gem social-share-button vient avec la plupart des réseaux sociaux par défaut, mais on a la possibilité d’utiliser les réseaux sociaux de notre choix, donc cela veut dire que nous allons devoir faire quelques modifications dans le fichier de configuration ; pour ce faire rendez-vous dans :

config/initializers/social_share_button.rb

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

Une fois dans ce fichier vous pourrez ajouter ou retirer des réseaux sociaux.

Étape 4: Ajout du fichier Javascript du gem dans application.js

//= require social-share-button

Étape N°5 : importation du fichier CSS dans application.scss

NB : Dans Rails 5, il est recommandé d’utiliser du SASS pour les fichiers CSS, donc vous changez l’extension de votre fichier application.css en application.scss , si c’est pas encore le cas.

Ajouter ce dans votre fichier application.scss

@import "social-share-button";

Étape N°6 : utilisation dans vos Views

Une fois que vous avez fait correctement les étapes précédentes, vous pouvez enfin utiliser  les boutons de partages dans vos views pour pouvoir partager des articles ou vos contenu sur les réseaux sociaux.

Pour ce faire, ajouter ceci dans votre view

<%= social_share_button_tag(@article.titre) %>

Ou pour spécifier les réseaux sociaux, vous pouvez faire ainsi :

<%= social_share_button_tag(@article.titre, :allow_sites => %w(twitter facebook)) %>

Comme ça il va juste affiché les liens sociaux des réseaux sociaux que vous avez au hash :allow_sites

Conclusion

Dans ce tutoriel, vous avez appris comment intégrer les boutons de partage  sociaux dans une application Rails 5, pour plus d’informations, referez-vous à la documentation officiel du gem social-share-button, qui est accessible via ce lien : ici

LIRE AUSSI: Ruby On Rails: Ruby On Rails: Les 6 raisons de l&rsquo;utiliser pour développement web

Auteur : Amos KERNEL


Partagez sur: