In Version 2.11 der Graph API ist der Button „Senden“ veraltet. In Version 2.10 (oder niedriger) der Graph API wird der Button „Senden“ noch bis zum 5. Februar 2018 unterstützt.

Button „Senden“

Der Button „Senden“ ermöglicht es Nutzern, Inhalte deiner Seite per Facebook-Nachricht privat an Freunde zu senden.

Konfigurator für Button „Senden“CodebeispielEinstellungenFAQs

Schritt-für-Schritt

1. URL oder Seite auswählen

Wähle die URL einer Webseite oder Facebook-Seite, die du senden möchtest.

2. Code-Konfigurator

Füge die URL in den Code-Konfigurator ein und klicke auf den Button Get Code, um den Code für deinen Button „Senden“ zu generieren.

3. HTML-Codeausschnitt kopieren und einfügen

Kopiere den Codeausschnitt und füge ihn in die HTML der Ziel-Webseite ein.

Konfigurator für Button „Senden“

URL für „Senden“

Vollständiges Codebeispiel

Kopiere das Codebeispiel und füge es in deine Webseite ein. Passe den Wert data-href an deine Webseiten-URL an. Passe anschließend mit den og:***-Meta-Tags deine Linkvorschau an. og:url und data-href müssen dieselbe URL verwenden.

<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>
Linkvorschau anpassen

Einstellungen

Der obige Konfigurator umfasst nicht alle möglichen Einstellungen für deinen Button „Senden“. Du kannst darüber hinaus die folgenden Einstellungen ändern:

Einstellung HTML5-Attribut Beschreibung Standard

colorscheme

data-colorscheme

Das vom Plugin verwendete Farbschema. Dies kann „light“ oder „dark“ lauten.

„light“

href

data-href

Die absolute URL der Seite, die gesendet wird.

Aktuelle URL.

kid_directed_site

data-kid-directed-site

Wenn deine Webseite oder dein Onlinedienst bzw. ein Teil deines Dienstes sich an Kinder unter 13 Jahren richtet, musst du diese Einstellung aktivieren.

„false“

ref

data-ref

Ein Label für die Verfolgung von Weiterleitungen, das weniger als 50 Zeichen umfassen muss und alphanumerische Zeichen sowie einige Interpunktionszeichen (derzeit +/=-.:_) enthalten darf. Weitere Informationen dazu findest du in den FAQ.

Keine

size

data-size

Größe des Buttons. Derzeit wird nur small unterstützt.

small