javascript - personalizado - Facebook me gusta y comparte el botón con devolución de llamada

no aparece el boton me gusta en mi pagina de facebook

Question

Tengo una página web donde coloqué un botón de Me gusta y compartir de Facebook y también están presentes las funciones correspondientes de devolución de llamada javascript.

Ahora el problema es que la devolución de llamada de javascript se dispara solo cuando el usuario "le gusta" y no parece dispararse cuando se presiona el botón "compartir".

Es como que necesito adjudicar al usuario cada vez que él / ella comparte el enlace. Mientras que con ''me gusta'', un usuario solo puede recibir un enlace una vez (sin considerar la diferencia / re-like).

Sé que el botón Compartir está en desuso. Pero Facebook ahora proporciona un botón de compartir con un botón similar. Fuente: https://developers.facebook.com/docs/plugins/like-button/

¿Hay una manera de disparar este método de devolución de llamada desde este botón de compartir?

Aquí está mi código:

Código al comienzo de la etiqueta BODY en mi HTML: -

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '' My App ID '',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
FB.Event.subscribe(''edge.create'', function(response) {
alert(''You liked the URL: '' + response);
});
};
(function(d) {
var js, id = ''facebook-jssdk'';
if (d.getElementById(id)) {
return;
}
js = d.createElement(''script'');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName(''head'')[0].appendChild(js);
}(document));
</script>

Código para mostrar los botones Me gusta y Compartir: -

<div class="fb-like" data-href=" My URL " data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>

Answer 1

No puede obtener la devolución de llamada de compartir utilizando este botón como. En su lugar, puede crear un botón de compartir suyo e invocar el cuadro de diálogo Feed en su clic.

FB.ui(
{
method: ''feed'',
name: ''Facebook Dialogs'',
link: ''https://developers.facebook.com/docs/dialogs/'',
picture: ''http://fbrell.com/f8.jpg'',
caption: ''Reference Documentation'',
description: ''Dialogs provide a simple, consistent interface for applications to interface with users.''
},
function(response) {
if (response && response.post_id) {
alert(''Post was published.'');
} else {
alert(''Post was not published.'');
}
}
);

Answer 2

Una forma alternativa que hice aquí para quienes no quieren publicar una aplicación solo por eso es:

 jQuery("#div_share").click(function() {
var url = "http://www.facebook.com/sharer/sharer.php?u=YOUR_URL&title=YOUR_TITLE";
var openDialog = function(uri, name, options, closeCallback) {
var win = window.open(uri, name, options);
var interval = window.setInterval(function() {
try {
if (win == null || win.closed) {
window.clearInterval(interval);
closeCallback(win);
}
}
catch (e) {
}
}, 1000);
return win;
};
openDialog(url,''Facebook'',''width=640,height=580'', function(){
jQuery("#div_share").hide();
jQuery("#formulario").show();
});
});

Se abrirá un cuadro de diálogo javascript para compartir y saber cuándo lo cerrará el usuario. No se garantiza que realmente compartan el contenido ... pero ... :)

Answer 3

el código completo está aquí

$("#bodyarea").on(''click'', ''.share_fb'', function(event) {
event.preventDefault();
var that = $(this);
var post = that.parents(''article.post-area'');
$.ajaxSetup({ cache: true });
$.getScript(''//connect.facebook.net/en_US/sdk.js'', function(){
FB.init({
appId: ''822306031169238'', //replace with your app ID
version: ''v2.3''
});
FB.ui({
method: ''share'',
title: ''TTitle Test'',
description: ''Test Description Goes here. Tahir Sada '',
href: ''https://developers.facebook.com/docs/'',
},
function(response) {
if (response && !response.error_code) {
alert(''Posting completed.'');
} else {
alert(''Error while posting.'');
}
});
});
});

Cambia tu id de aplicación para trabajar

Ejemplo de trabajo

Answer 4

<div class="fb-like" data-href="page_link" data-layout="button_count" data-onshare="page_like_or_unlike_callback" data-onlike="page_like_or_unlike_callback" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div>

Solo agregue data-onlike="function_name" y defina la función en su javascript. Ya ha terminado, se llamará a su función tan pronto como la persona llegue a su sitio web. Para el botón de compartir aún está en modo de desarrollo, pronto te actualizaré sobre eso ...