Partagez les pages de votre e-commerce via les réseaux sociaux (Social Bookmarking)

  • De le 17 novembre 2009
  • Difficulté : 2/4

Partagez les pages de votre e-commerce via les réseaux sociaux (Social Bookmarking) Magentix met à disposition sur Magento Connect une extension favorisant le partage des pages d'un site sous Magento (produits, catégories, pages CMS...) aux différents réseaux sociaux : Twitter, Facebook, Digg, MySpace...

Sommaire

Introduction

De nombreux articles sur le Web démontrent l'aspect bénéfique des réseaux sociaux (Social Bookmarking) pour stimuler l'e-commerce. Il ressort de certaines études que les membres les plus actifs des réseaux sociaux sont en moyenne plus nombreux à visiter des sites commerciaux.

Il peut ainsi être intéressant pour votre e-commerce d'offrir aux internautes la possibilité de partager vos produits en toute simplicité.

Magentix met à disposition sur Magento Connect une extension nommée Social Bookmarking. Le module propose la gestion complète des réseaux sociaux que vous souhaitez afficher sur vos pages.

Version actuelle : 0.2.1 (30/10/2010)

Personnalisation des réseaux

Gestion des réseaux sociaux

Les réseaux se gèrent depuis le menu CMS > Réseaux sociaux. Il vous suffit de définir leur nom, URL et icône. L'URL d'un réseau peut contenir le titre de le page (balise meta title), l'adresse de la page et son URL raccourci. L'URL raccourci permet le partage de votre page sur des réseaux de type Twitter où le nombre de caractère est fortement limité :

URL du réseau Twitter

http://twitter.com/home/?status=<title> : <bitly>

Dans cet exemple nous envoyons à Twitter le titre de la page et son URL raccourci ("Ipod Nano 4G - Apple : http://bit.ly/2cVPtj").

Edition des réseaux sociaux

Utiliser les URLs raccourcis bit.ly

Par défaut l'extension n'est pas paramétrée pour la génération de l'URL bit.ly. Vous devez créer votre compte depuis le site bit.ly et paramétrer l'extension depuis le menu Système > Configuration > Avancé > Réseaux sociaux :

Configuration bit.ly

3 informations sont demandées :

  • La version de l'API (2.0.1)
  • Votre identifiant bit.ly
  • La clé de l'API fournie dans les options de votre compte bit.ly (API Key)
API Key Bit.ly

Ajouter la liste des réseaux sociaux sur une page CMS ou un bloc statique

Magento 1.3

Pour afficher la liste des réseaux sur une page CMS, il suffit d'y inclure le bloc de type socialbookmarking/bookmarks :

Affichage des réseaux sociaux sur une page CMS :

Partagez ces informations :
{{block type="socialbookmarking/bookmarks" template="bookmarks/bookmarks.phtml"}}
Magento 1.4

La liste des réseaux s'ajoute depuis les Widgets :

Widget réseaux sociaux

Les réseaux apparaîtront à l'endroit où le Widget a été placé.

Ajouter la liste des réseaux sociaux sur la page produit

Depuis le fichier catalog/product/view.phtml, nous insérons le bloc à l'endroit souhaité :

app/design/frontend/{interface}/{theme}/template/catalog/product/view.phtml

<?php echo $this->getChildHtml('bookmarks') ?>
Affichage des réseaux sociaux

Pour les versions de Magento antérieures à la 1.4, il sera nécessaire de placer le layout bookmarks.xml et le template bookmarks.phtml dans le template approprié. Le module respecte la logique de la dernière version de Magento en plaçant ces fichiers dans le template base.

  • app/design/frontend/base/default/template/bookmarks/bookmarks.phtml
  • app/design/frontend/base/default/layout/bookmarks.xml

Note : pensez toujours à actualiser le cache lorsque vous déplacez un fichier.

Ajouter la liste des réseaux sociaux sur une autre page

Pour ajouter la liste des réseaux sur une page autre que la page produit ou une page CMS, il vous faudra maîtriser la configuration des layouts.

Par exemple, si vous souhaitez ajouter le bloc dans la colonne de droite sur l'ensemble des pages, éditez le fichier bookmarks.xml de cette façon :

app/design/frontend/base/default/layout/bookmarks.xml

<?xml version="1.0"?>
<layout version="0.1.0">
     <catalog_product_view>
          <reference name="product.info">
               <block type="socialbookmarking/bookmarks" name="bookmarks" template="bookmarks/bookmarks.phtml" />
          </reference>
     </catalog_product_view>

     <default>
          <reference name="right">
               <block type="socialbookmarking/bookmarks" name="bookmarks" template="bookmarks/bookmarks.phtml" />
          </reference>
     </default>
</layout>
commentaires

Commentez cet article : Partagez les pages de votre e-commerce via les réseaux sociaux (Social Bookmarking)