Bouton Enregistrer

Le bouton Enregistrer permet d’enregistrer des articles ou des services dans une liste privée sur Facebook, de les partager avec des amis et de recevoir les notifications associées. Par exemple, une personne peut enregistrer un vêtement, un voyage ou un lien auquel elle pense et revenir valider cette liste ultérieurement, ou bien recevoir une notification lorsque cet article ou ce voyage propose une offre promotionnelle.

Configurateur du bouton EnregistrerExemple de codeParamètres

Étape par étape

1. Choisir le lien d’un site web

Choisissez le lien du site web que vous souhaitez utiliser avec le bouton Enregistrer.

2. Configurateur de code

Collez le lien dans le configurateur de code et cliquez sur le bouton Obtenir le code pour générer le code du bouton Enregistrer.

3. Copier et coller l’extrait HTML

Copiez et collez l’extrait dans le code HTML du site web de destination.

Configurateur du bouton Enregistrer

Lien d’un site web ou d’un produit à sauvegarder
Taille du bouton

Exemple de code complet

Copiez et collez l’exemple de code sur votre site web. Remplacez la valeur data-uri par le lien de votre site web. Utilisez ensuite la balise <title> pour régler le titre « enregistré ».

<html>
<head>
  <title>Your Website Title</title> 
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your save button code -->
  <div class="fb-save" 
    data-uri="http://www.your-domain.com/your-page.html">
  </div>

</body>
</html>
Essayez vous-même !

Paramètres

En plus des paramètres ci-dessus, vous pouvez modifier les éléments suivants :

Paramètre Attribut HTML5 Description Valeur par défaut

uri

data-uri

Le lien absolu de la page qui sera enregistrée.

Lien/adresse actuel(le)

Bouton Enregistrer pour des produits

Vous pouvez également utiliser le bouton Enregistrer pour des produits :

1. Configurer un catalogue produits

Pour utiliser le bouton Enregistrer avec des produits, vous devez d’abord configurer un catalogue produits.

Un catalogue produits, parfois appelé fil de produits, est une liste de produits pour lesquels vous souhaitez faire de la publicité. Chaque produit de la liste a des attributs particuliers qui peuvent être utilisés pour générer une publicité, un ID produit, un nom, une description, l’URL de la page de destination, l’URL de l’image, la disponibilité, etc.

Comment créer un catalogue produitsPublicités de produits dynamiques sur Facebook

2. IP d’API Facebook

Accédez à l’onglet Paramètres de l’Espace App, ajoutez la plate-forme « Site web » et indiquez le domaine du site web.

3. Charger le SDK JavaScript

Chargez le SDK JavaScript à l’aide de votre ID d’app, comme le montre l’exemple ci-dessous. Remplacez {your-app-id} par votre ID d’app.

<script>(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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId={your-app-id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. Obtenir des URI produit

Avec Business Manager

Il existe deux informations dont vous avez besoin pour utiliser le bouton Enregistrer pour des produits : l’ID du catalogue produits et l’ID de l’article depuis votre fil de produits :

  1. Connectez-vous à votre entreprise sur Business Manager.
  2. Accédez aux Paramètres de l’entreprise > Catalogue produits.
  3. Cliquez sur le catalogue produits que vous souhaitez utiliser pour le plugin.
  4. Sous le titre du nom du catalogue produits, prenez note de l’ID du catalogue produits. Dans notre exemple, il s’agit de 768856339915012.
  5. L’autre information nécessaire est l’ID de l’article importé dans votre fil de produits. Pour afficher des exemples de votre fil de produits, cliquez sur l’ID du catalogue produits.
  6. En haut de la page suivante, cliquez sur Fils de produits.
  7. Cliquez sur le fil contenant les articles que vous souhaitez utiliser.
  8. Sur la page suivante, des exemples d’articles provenant de votre fil s’affichent. Afin que le plugin identifie votre produit, nous avons besoin de l’ID de l’article qui figure dans votre fil pour chaque produit.
  9. L’URI pour le plugin suit le modèle suivant :product://<catalog_id >/{retailer_id}. Aussi, si nous souhaitons créer un URI pour le produit appelé Product #45 dans l’exemple ci-dessus, il ressemblerait à ceci : product://768856339915012/45 (où l’ID du catalogue produits provient de l’étape 5).

Avec l’API Graph

Vous pouvez obtenir l’URI de votre produit au moyen de l’API Graph. Lorsque vous chargez un ou plusieurs produits, créez le format d’URL suivant, en remplaçant <catalog_id> par l’ID de votre catalogue, et <retailer_id> par l’ID de détaillant de votre produit :

product://<catalog_id>/<retailer_id>

Apprenez-en davantage dans nos documents sur les produits.

5. URI de produit

Dans le code du bouton Enregistrer, utilisez l’URI du produit pour data-uri. Par exemple, pour l’URI du produit product://949817451770475/143791832, votre code ressemblerait à ceci :

<div class="fb-save" 
  data-uri="product://949817451770475/143791832">
</div>

Vue Enregistré

Tous les liens enregistrés seront ajoutés à la vue Enregistré que vous pouvez retrouver à l’adresse www.facebook.com/saved ou en accédant à Plus -> Enregistré pour les applications mobiles.

Exemple

Lien enregistré

Modification de la langue

Vous pouvez modifier la langue du bouton Enregistré en chargeant une version localisée du SDK Facebook pour JavaScript. Lorsque vous chargez le SDK, modifiez la valeur de js.src pour utiliser votre paramètre régional. Remplacez en_US par votre paramètre régional, par exemple fr_FR pour le français (France) :

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.6";

Les paramètres régionaux pris en charge sont répertoriés dans le fichier XML de paramètres régionaux de Facebook.

Vous devrez peut-être modifier la largeur d’un Social Plugin si vous voulez afficher plusieurs langues. Vous trouverez plus d’informations sur notre page Localisation et traduction.