Comment ajouter un bouton de partage facebook sur mon site?

Question

Comment ajouter un bouton de partage facebook sur mon site?

Demandé el 9 de Mai, 2013: Quand la question a-t-elle été
76853 affichage: Nombre de visites la question a
3 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je veux ajouter un bouton de partage facebook sur mon site Web. Cela devrait simplement afficher le contenu de mon site Web sur le mur. qui veulent le partager.

J'ai fait beaucoup de recherches mais je n'ai rien obtenu. Les aides m'aident dans ceci.

J'ai ce code qui suppose de fonctionner, mais ne fonctionne pas. Si cela vous aide de toute façon, ce serait génial.

 <script src='http://connect.facebook.net/en_US/all.js'></script>
    <p><a onclick='postToFeed(); return false;'><img src="images/fb.png" /></a></p>
    <p id='msg'></p>

    <script> 
      FB.init({appId: "338334836292077", status: true, cookie: 

true});

      function postToFeed() {

        // calling the API ...
        var obj = {
          method: 'feed',
          redirect_uri:'https://www.facebook.com/cryswashington?fref=ts',
          link:'https://developers.facebook.com/docs/reference/dialogs/',
          picture: 'http://fbrell.com/f8.jpg',
          name: 'Facebook Dialogs',
          caption: 'Reference Documentation',
          description: 'Using Dialogs to interact with users.'
        };

        function callback(response) {

        document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
        }

        FB.ui(obj, callback);
      }

    </script>

Merci d'avance.

Demandé el 9 de Mai, 2013 par Sahibjot Singh

Answer 1

3 Réponses

Answer 2

311voto

asifrc Points 2735

Vous n'avez pas besoin de tout ce code. Tout ce dont vous avez besoin sont les lignes suivantes:

 <a href="https://www.facebook.com/sharer/sharer.php?u=example.org" target="_blank">
  Share on Facebook
</a>

La documentation peut être trouvée à https://developers.facebook.com/docs/reference/plugins/share-links/

Répondu el 9 de Mai, 2013 par asifrc (2735 Points )

Answer 3

27voto

Virat Gaywala Points 43

Vous pouvez le faire en utilisant asynchronous Javascript SDK fourni par facebook

Regardez le code suivant

FB Javascript SDK d'initialisation

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'YOUR APP ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Remarque: n'oubliez pas de remplacer l'ID de VOTRE APPLI avec votre facebook AppId. Si vous n'avez pas facebook AppId et vous ne savez pas comment créer veuillez cocher cette

Ajouter la Bibliothèque de JQuery, j'aurais préféré Bibliothèque de Google

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Ajouter la boîte de dialogue partager (Vous pouvez personnaliser cette boîte de dialogue par la mise en place des paramètres

<script type="text/javascript">
$(document).ready(function(){
$('#share_button').click(function(e){
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: 'http://www.groupstudy.in/articlePost.php?id=A_111213073144',
picture: ‘http://www.groupstudy.in/img/logo3.jpeg',
caption: 'Top 3 reasons why you should care about your finance',
description: What happens when you don't take care of your finances? Just look at our country -- you spend irresponsibly, get in debt up to your eyeballs, and stress about how you're going to make ends meet. The difference is that you don't have a glut of taxpayers…',
message: ''
});
});
});
</script>

Voici enfin le bouton ajouter une image

<img src = "share_button.png" id = "share_button">

Pour de plus amples genre d'informations. veuillez cliquer ici

Répondu el 23 de Mai, 2014 par Virat Gaywala (43 Points )

Answer 4

14voto

Subodh Ghulaxe Points 2346

Vous pouvez en lire plus à propos de bouton partager ici, sur Facebook développeurs de site web

Travail JSFIDDLE

Jetez aussi un oeil à la coutume Facebook bouton Partager JSFIDDLE

Inclure Facebook SDK JavaScript code juste après l'ouverture <body> balise

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

Et le lieu au-dessous de code chaque fois que vous voulez montrer à Facebook bouton Partager

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-width="200" data-type="button_count"></div>

enter image description here

Vérifiez travail JSFIDDLE

Répondu el 21 de Avril, 2014 par Subodh Ghulaxe (2346 Points )

Comment ajouter un bouton de partage facebook sur mon site?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment ajouter un bouton de partage facebook sur mon site?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: