Bouton Enregistrer

Le plugin du bouton Enregistrer est obsolète. Ce plugin restera opérationnel et accessible jusqu’au 15 septembre 2022. Après cette date, il sera supprimé et ne fonctionnera plus.

Le bouton Enregistrer permet d’enregistrer des articles ou des services dans une liste privée sur Facebook, de les partager avec des ami·es 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 est en promotion.

Configurateur du bouton Enregistrer Exemple de code Paramè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 de votre 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

large

Obtenir le code

Exemple de code complet

Copiez et collez l’exemple de code sur votre site web. Remplacez la valeur du paramètre data-uri par le lien de votre site web. Ensuite, utilisez la balise <title> pour modifier 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 actuels
`lazy`	`data-lazy`	`true` signifie utiliser le mécanisme de chargement différé du navigateur en configurant l’attribut d’iFrame `loading="lazy"`. L’effet est que le navigateur n’affiche pas le plugin s’il n’est pas près de la fenêtre d’affichage et que le plugin risque de ne jamais être visible. Peut être l’une des valeurs suivantes : `true` ou `false` (valeur par défaut).	`false`

Bouton Enregistrer pour les produits

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

1. Configurer le catalogue produits

Pour utiliser le bouton Enregistrer avec vos produits, vous devez commencer par configurer un catalogue produits.

Le catalogue produits, parfois appelé « fil de produits », est une liste de produits dont vous souhaitez faire la promotion sur Facebook. Chaque produit de la liste possède des attributs spécifiques que vous pouvez utiliser pour générer une publicité, ou un ID, un nom, une description, l’URL de la page de destination, l’URL de l'image et la disponibilité d’un produit, entre autres.

Création d’un catalogue produits Publicités de produits dynamiques Facebook

2. ID d’API Facebook

Dans Espace App, accédez aux paramètres, ajoutez la plateforme « Site web » et indiquez le domaine de votre site web.

3. Chargement du SDK JavaScript

Chargez le SDK JavaScript avec votre ID d’app, comme illustré dans 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. Obtention de l’URI du produit

Via Business Manager

L’ID du catalogue produits et l’ID de l’article dans votre fil de produits sont les deux informations nécessaires pour utiliser le bouton Enregistrer pour des produits :

Connectez-vous à votre entreprise sur Business Manager.
Accédez à « Paramètres de l’entreprise > Catalogue produits ».
Cliquez sur le catalogue produits que vous souhaitez utiliser pour le plugin.
Notez l’ID de catalogue produits qui est indiqué sous le titre du nom du catalogue produits. Dans notre exemple, il s’agit de 768856339915012.
L’autre information nécessaire est l’ID d’article qui a été importé dans votre fil de produits. Pour afficher des exemples de votre fil de produits, cliquez sur l’ID du catalogue produits.
Sur la page suivante, cliquez en haut sur Fils de produits.
Cliquez sur le fil contenant les articles que vous souhaitez utiliser.
La page suivante présente un échantillon des articles de votre fil. Pour que le plugin puisse identifier les produits, nous aurons besoin de l'ID d'article figurant dans votre fil pour chaque produit.
L’URI à fournir au plugin suit le motif product://<catalog_id >/{retailer_id}. Donc, si nous souhaitions créer une URI pour le produit nommé Product #45 dans l’exemple ci-dessus, elle ressemblerait à ceci : product://768856339915012/45 (où l’ID du catalogue contenant le produit provient de l’étape 5).

Via l’API Graph

Vous pouvez obtenir l’URI de votre produit via l’API Graph. Lorsque vous chargez un ou plusieurs articles, construisez le format d’URL suivant, en remplaçant <catalog_id> par l’ID de votre catalogue et <retailer_id> par l’ID de retailer associé à votre produit :

product://<catalog_id>/<retailer_id>

Pour en savoir plus, consultez la documentation sur les articles.

5. URI du produit

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

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

Vue Enregistrements

Tous les liens enregistrés sont ajoutés à la vue Enregistrements qui est accessible à l'adresse www.facebook.com/saved, ou dans la section Plus -> Enregistrements pour les applications mobiles.

Exemple

Lien enregistré

Modification de la langue

Vous pouvez modifier la langue du bouton Enregistrer en chargeant une version localisée via le 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 des paramètres régionaux de Facebook.

Vous devrez peut-être modifier la largeur d’un plugin social pour l’afficher dans une autre langue. Vous trouverez plus d’informations sur notre page Localisation et traduction.

Articles connexes

Questions/réponses sur les plugins sociaux Partage pour les administrateurs de sites SDK Facebook pour JavaScript