Comment puis-je créer un profil Facebook partager boîte de dialogue de passer des paramètres?

J'ai vu quelques posts ici et de partout dans les interwebs expliquant comment créer un profil Facebook partager boîte de dialogue pour mon site.

Mais j'ai trouvé quelques différences par rapport à la situation moyenne de la mine:

1 - je veux une zone personnalisé ma page pour l'ouvrir et la fermer quand les gens cliquent sur un bouton (le bouton "partager")

2 - je veux partager le contenu dans une lightbox, pas le contenu de la page. Par exemple, nous avons une liste de produits, chaque produit s'ouvre dans une lightbox. Je veux partager des informations à propos de ce produit qui est désormais ouvert dans une lightbox

J'ai vu quelqu'un parler de le SDK Javascript, mais il le guide d'installation il me dit de régler le APP_ID, mais n'ont pas de n'importe quelle Application créer pour mon site web. Dois-je en créer un pour utiliser ce SDK?

J'ai aussi trouvé ce modèle

http://www.facebook.com/sharer.php?s=100&p[title]=a title&p[summary]=a description &p[url]=http://www.linkhere.com&p[images][0]=http://www.linkhere.com/image.jpg

Si je fais un copier-coller de la barre d'adresse, il fonctionne. mais l'utilisateur est redirigé vers une nouvelle page. ce n'est pas bon.

et j'ai essayé cela avec le modèle dit ci-dessus, mais ne pourrais pas le faire fonctionner

<a href="#" 
          onclick="
            window.open(
                'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
              'facebook-share-dialog', 
              'width=626,height=436');
            return false;">
          Share on Facebook
        </a>

Qu'il n'accepte pas les paramètres, je suis en train de passer.

Un sait comment résoudre ce problème? Il faut changer le contenu des metatags? Quelles sont vos solutions?

@EDIT

Juste répondu avec la solution que j'ai utilisée

@EDIT 2

Mis à jour avec v2.2

OriginalL'auteur Victor Ferreira | 2013-07-04

  1. 11

    C'est une vieille question, mais voici ce qui fonctionne pour moi:

    window.open(
        'http://www.facebook.com/sharer.php?s=100&p[title]=a title&p[summary]=a description &p[url]=http://www.linkhere.com&p[images][0]=http://www.linkhere.com/image.jpg',
        'facebook-share-dialog', 
        'width=626,height=436'
    );

    fondamentalement, tout ce que j'avais à faire était de supprimer le /sharer/de l'facebook url. Je devine que c'est une faute de frappe dans la documentation.

    Maintenant, cette approche ne fonctionnera pas, son touques détails de l'open graph ou l'url donnée. surtout avec canonique-il de se coincer.
    Open Graph est une autre histoire. Il dit à Facebook qu'à partager.

    OriginalL'auteur Finglish

  2. 6

    C'est ce que j'ai fait pour résoudre le problème dans mon site web:

    D'abord, j'ai ajouté les outils de Facebook me donne:

    <script>
  window.fbAsyncInit = function() {
    //init the FB JS SDK
    FB.init({
      appId      : 'YOUR APP ID GOES HERE',                        //App ID from the app dashboard      
      status     : true,                                 //Check Facebook Login status
      xfbml      : true                                  //Look for social plugins on the page
    });
    //channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', //Channel file for x-domain comms
    //Additional initialization code such as adding Event Listeners goes here
  };

  //Load the SDK asynchronously
  (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 = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

</script>

    Puis j'ai créé une fonction shareOnFacebook qui ouvre le partagé et le bouton qui va appeler cette fonction

    var globalFacebookShareObject = {} //will be set when I click on a product, on a picture, on a comment or post, or whatever I want to share on Facebook or when I load the page

function shareOnFacebook(){
    FB.ui({
        method: 'feed',
        name: globalFacebookShareObject.name,
        link: globalFacebookShareObject.link,
        caption: 'R$ '+globalFacebookShareObject.caption,
        picture: globalFacebookShareObject.picture,
        description: globalFacebookShareObject.description
    }, function(response) {
        if(response && response.post_id){}
        else{}
    });
}

<button onclick='shareOnFacebook()'>Share it!</button>

    @edit au 10/01/2015
    Encore du travail pour v2.2

    Référence à des Méthode d'alimentation de comprendre comment créer le dialogue partager (je suis en utilisant le feed méthode qui semble être plus souple)

    Et à Démarrage rapide
    Pour comprendre comment importer le SDK Javascript sur votre page

    grâce à son aide..
    Je crois feed est obsolète maintenant dans APIv2. Seul le partage est pris en charge et il ne semble pas permet d'écraser OG propriétés.
    fonctionne encore @subkamran
    pourquoi devrions-nous créer un facebook app?si je fais un site web pour quelqu'un dois-je utiliser mon appli ou je devrais leur demander de créer une application?

    OriginalL'auteur Victor Ferreira

  3. 0

    Décembre 2017: objet Personnalisé partage est désapprouvée. Votre meilleur pari à partir de maintenant est de créer une autre page pour l'objet et ont les balises meta facebook cherche dans. Plus d'infos ici: developers.facebook.com/docs/sharing/reference/share-dialog

    OriginalL'auteur Tashows