it-swarm.com.de

Facebook Like und Share-Button mit Rückruf

Ich habe eine Webseite, auf der ich einen Facebook-Like-Button platziert habe, und entsprechende JavaScript-Rückruffunktionen sind ebenfalls vorhanden.

Das Problem ist nun, dass der Javascript-Rückruf nur ausgelöst wird, wenn der Benutzer "Gefällt mir" macht und nicht scheint, wenn der Share-Button gedrückt wird.

Es ist so, als müsste ich den Benutzer jedes Mal, wenn er/sie den Link freigibt, belohnen. Mit 'like' hingegen kann ein Benutzer einen Link nur einmal mögen (nicht anders als/erneut).

Ich weiß, dass die Share-Schaltfläche veraltet ist. Facebook bietet jetzt einen Share-Button mit einem Like-Button. Quelle: https://developers.facebook.com/docs/plugins/like-button/

Gibt es eine Möglichkeit, diese Rückmeldemethode über diese Share-Schaltfläche auszulösen? 

Hier ist mein Code: 

Code am Anfang des BODY-Tags in meinem HTML-Code: -

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

Code zum Anzeigen der Like- und Share-Schaltflächen: -

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

Sie können den Share Callback nicht über diese Schaltfläche aufrufen. Sie können stattdessen eine Share-Schaltfläche von Ihnen erstellen und den Feed-Dialog auf seinem Klick aufrufen.

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.');
  }
}
);
30
Sahil Mittal

der vollständige Code ist hier

$("#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.');
            }
        });
  });
});

Ändern Sie Ihre Anwendungs-ID, um zu funktionieren

Arbeitsbeispiel

10
Muhammad Tahir

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

Fügen Sie einfach data-onlike="function_name" hinzu und definieren Sie die Funktion in Ihrem Javascript. Wenn Sie fertig sind, wird Ihre Funktion aufgerufen, sobald die Person auf Ihre Website trifft. Für den Share-Button ist es noch im Entwicklungsmodus, ich werde Sie bald darauf aktualisieren.

2
Sulokit

Eine Alternative, die ich hier gemacht habe, für die, die keine APP veröffentlichen will, ist:

   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();
        });
    });

Es wird ein Javascript-Dialogfeld geöffnet, in dem der Benutzer das Fenster schließen kann. Es ist nicht garantiert, dass sie wirklich den Inhalt teilen ... aber .. :)

2
Tiago Gouvêa