Con motivo de la publicación de la versión 2.11 de la API Graph, se ha retirado el botón “Enviar”. En las versiones anteriores se podrá seguir usando este botón hasta el 5 de febrero de 2018.

Botón “Enviar”

El botón “Enviar” permite a las personas enviar contenido de forma privada en tu sitio web a uno o más amigos mediante un mensaje de Facebook.

Configurador del botón “Enviar”Ejemplo de códigoAjustesPreguntas frecuentes

Paso a paso

1. Elige una URL o una página

Elige la URL del sitio web o la página de Facebook cuyo contenido deseas enviar.

2. Configurador de código

Pega la URL en el configurador de código y haz clic en el botón Get Code para generar el código del botón “Enviar”.

3. Copia y pega el fragmento de código HTML

Copia y pega el fragmento en el código HTML del sitio web de destino.

Configurador del botón “Enviar”

URL que enviar

Ejemplo de código completo

Copia y pega el ejemplo de código en el sitio web. Ajusta el valor data-href para la URL del sitio web. A continuación, ajusta la vista previa del enlace con las metaetiquetas og:***. Usa la misma URL para og:url y data-href.

<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>
Personalizar vista previa del enlace

Ajustes

El configurador anterior no incluye todas las configuraciones posibles del botón “Enviar”. También puedes modificar los ajustes siguientes:

Ajuste Atributo HTML5 Descripción Valor predeterminado

colorscheme

data-colorscheme

El esquema de colores que usará el plugin. Puede ser “light” o “dark”.

“light”

href

data-href

La URL absoluta de la página cuyo contenido se enviará.

La URL actual

kid_directed_site

data-kid-directed-site

Si el sitio web, el servicio en internet o una parte de este se dirigen a menores de 14 años, debes activar este elemento.

“false”

ref

data-ref

Una etiqueta para realizar el seguimiento de las referencias que deben tener menos de 50 caracteres, y pueden contener caracteres alfanuméricos y ciertos signos de puntuación (actualmente: +, /, =, -, ., : y _). Para obtener más información, consulta las preguntas frecuentes.

Ninguno

size

data-size

Tamaño del botón. Actualmente solo se admite el valor small.

small