Le bouton Envoyer est abandonné avec la sortie de la version 2.11 de l’API Graph. Pour les versions 2.10 et antérieures de l’API Graph, le bouton Envoyer sera pris en charge jusqu’au 5 février 2018.

Bouton Envoyer

Le bouton Envoyer permet aux personnes d’envoyer, de manière privée, du contenu présent sur votre site à un ou plusieurs amis dans un message Facebook.

Configurateur du bouton EnvoyerExemple de codeParamètresQuestions/réponses

Étape par étape

1. Choisir l’URL ou la Page

Choisissez l’URL du site web ou de la Page Facebook que vous souhaitez envoyer.

2. Configurateur de code

Collez l’URL dans le configurateur de code et cliquez sur le bouton Get Code (Obtenir le code) pour générer le code du bouton Envoyer.

3. Copier et coller l’extrait HTML

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

Configurateur du bouton Envoyer

URL vers envoyer

Exemple de code complet

Copiez et collez l’exemple de code sur votre site web. Remplacez la valeur data-href par l’URL de votre site web. Utilisez ensuite les balises méta og:*** pour modifier l’aperçu de votre lien. og:url et data-href doivent utiliser la même URL.

<html>
<head>
  <title>Your Website Title</title>
    <!-- You can use open graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
  <meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
</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.5";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your send button code -->
  <div class="fb-send" 
    data-href="https://www.your-domain.com/your-page.html" 
    data-layout="button_count">
  </div>

</body>
</html>
Personnaliser l’aperçu du lien

Paramètres

Le configurateur ci-dessus n’inclut pas tous les paramètres possibles pour votre bouton Envoyer. Vous pouvez également modifier les paramètres suivants :

Paramètre Attribut HTML5 Description Valeur par défaut

colorscheme

data-colorscheme

Le jeu de couleurs utilisé par le plugin. La valeur peut être light (clair) ou dark (foncé).

"light"

href

data-href

L’URL absolue de la page qui sera envoyée.

URL actuelle.

kid_directed_site

data-kid-directed-site

Si votre site web, votre service en ligne ou une partie de votre service vise les enfants de moins de 13 ans, vous devez activer ce paramètre.

"false"

ref

data-ref

Un libellé pour le suivi des recommandations, qui doit faire moins de 50 caractères, et peut contenir des caractères alphanumériques et des signes de ponctuation (pour le moment +/=.:_). Consultez les questions/réponses pour en savoir plus.

Aucune

size

data-size

Taille du bouton. À l’heure actuelle, seule la taille small est prise en charge.

small