una - poner boton en publicacion de facebook

¿Cómo activar Facebook como el botón del botón personalizado?

Question

He creado un botón personalizado similar a Facebook.

¿Cómo hago para que cuando haga clic en el botón, se active el botón Me gusta proporcionado por Facebook como el siguiente?

Answer 1

Creo que Facebook hace todo lo posible para asegurarse de que las personas no puedan activar el botón "Me gusta". Esto es para evitar que las secuencias de comandos hagan clic automáticamente en el botón "Me gusta" cuando alguien visita el sitio.

Es posible que pueda anular el estilo del mismo utilizando CSS y mostrar su imagen en su lugar.

Answer 2

Cuando creas un elemento html con clase fb, facebook javascript SDK lo convierte con un botón similar cuando se carga el documento. Puede hacer un elemento personalizado y activar el evento click del botón Me gusta cuando el usuario hace clic en su botón personalizado.

Por ejemplo :

<input type="button" id="mycustombutton" value="Like">
<div style="display:none" class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

código jQuery:

$("#mycustombutton").click(function(){
      $(".fb-like").find("a.connect_widget_like_button").click();
      // You can look elements in facebook like button with firebug or developer tools.
});

Actualizar

Facebook SDK ha estado creando el mismo botón en un iframe y los navegadores no permiten la intervención del iframe en la página. Creo que agregar evento oyente al elemento en iframe ya no es posible.

Answer 3

De acuerdo con la política de Facebook sobre complementos sociales, el punto 4 dice:

"No ocultes ni cubras los elementos de los complementos sociales".

No puede cambiar la imagen directamente porque es proporcionada por Facebook.

Answer 4

El botón de Facebook está en un iFrame con una fuente que está en un dominio diferente, el dominio de Facebook, por lo que no puede cambiar el botón ya que está protegido por la misma política de origen.

Además, la política de Facebook prohíbe cambiar sus botones y logotipos cuando usa contenido incrustado de Facebook, como botones sociales.

Por lo tanto, no se supone que podrá cambiar los botones de FB, e incluso si pudiera, sería contrario a las Condiciones del servicio de Facebook.

Pero ... si aún desea hacerlo, puede usar el botón nativo de Facebook y colocar su propia imagen en la parte superior o debajo del botón de Facebook para falsificar un botón personalizado.

Colocar su imagen en la parte superior solo es posible si utiliza eventos de puntero CSS3, lo que hará que su imagen haga clic y el evento haga clic en "pasar" por su imagen y haga clic en el botón de Facebook. Esto solo funciona en los navegadores más nuevos que admiten eventos de puntero.

Otra opción es colocar la imagen detrás del botón FB y establecer la opacidad del botón FB a cero.

Lo he usado varias veces yo mismo, y con un poco de búsqueda en el código de Facebook puedes adjuntar eventos de desplazamiento y todo lo demás para que parezca un botón personalizado. Debería encontrar qué elementos establecer la opacity : 0 en.

Nunca he pasado tiempo tratando de descubrir cómo hacer que la función diferente del botón original funcione en un botón personalizado, pero probablemente sea posible.

Todos mis intentos de activar realmente el botón FB con javascript o jQuery trigger () han fallado, pero ¿alguien más ha descubierto cómo hacerlo?

Answer 5

Esto no está permitido por la razón obvia de que conduciría al fraude. Imagínese si cada vez que hace clic en una imagen en la web, no sabe si se trata de una imagen real o si aparecerá una imagen similar en su feed de FB. Sería desastroso

Si desea hacer esto legítimamente, deberá crear una aplicación y autorizar a la aplicación cuando visite su sitio. Esto abrirá una ventana emergente en la que el usuario accedió a permitir que la aplicación acceda a su cuenta de FB. Una vez hecho esto, puede enviar la solicitud similar en nombre del usuario a través de un script del lado del servidor. En otras palabras, no vale la pena el esfuerzo.

Si, por otro lado, solo desea obtener el conteo de una página y mostrarla como lo desee, puede hacerlo a través de una solicitud a "http://graph.facebook.com/#{url}" que le devolverá una carga útil JSON con el número de Me gusta. En jQuery sería:

$.getJSON("http://graph.facebook.com/#{url}", function(data) { alert(data.shares); });

Answer 6

Podría intentar activar una solicitud de Ajax como esta

FB.api(
  ''me/og.likes'',
  ''post'',
  {
    object: "http://samples.ogp.me/226075010839791"
  },
  function(response) {
    // handle the response
  }
);

https://developers.facebook.com/docs/reference/opengraph/action-type/og.likes

Answer 7

Puede superponer su botón en la parte superior del botón Me gusta de Facebook y usar CSS para ocultar el botón de Facebook. No estoy seguro de las legalidades de esto sin embargo.

Answer 8

http://sharingbuttons.io/ permite hacer que los medios sociales compartan los botones sin javascript en absoluto (no es un botón parecido al de la pregunta ...). Para Facebook, solo utiliza un enlace como este:

    <a href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io"
       target="_blank" aria-label="Share on Facebook">Share on Facebook </a><br>Here on , you have to cmd + click to open the link in a new window. 

Personalízalo con tu propio CSS y, para imitar el botón de compartir, simplemente abre la url en una ventana emergente en lugar de un target = "_ blank".