Action javascript apés le partage facebook

mejdihabli Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   -  
mejdihabli Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour..
J'ai une fonction javascript affiche_popup(),
Je veux faire l'appel de cette fct après le partage d'un lien sur facebook, elle affiche tous simplement un message, Merci pour votre participation

function affiche_popup(){document.getElementById('popup').style.display='';}

<div id="popup" style=" display:none; ">MERCI</div>

<div class="fb-share-button" data-href="lien" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" href="https://www.facebook.com/sharer/sharer.php?u=lien&src=""quot; rel="nofollow noopener noreferrer" target="_blank""quot; "quot; "dkpreparse">Partager</a></div>
A voir également:

1 réponse

Nexii Messages postés 338 Date d'inscription   Statut Membre Dernière intervention   588
 
Bonjour,

L'appel d'une fonction après l'exécution d'une autre s'appelle un callback.

Tu trouveras la documentation de l'API Facebook sur leur site :
https://developers.facebook.com/docs/javascript/reference/FB.ui

Tout est indiqué dans l'exemple plus bas dans la page.
0
mejdihabli Messages postés 12 Date d'inscription   Statut Membre Dernière intervention  
 
SVP, un exemple sur mon cas, j'ai pas compris, il m'a demander ID
0
Nexii Messages postés 338 Date d'inscription   Statut Membre Dernière intervention   588
 
"Ton" cas est présent dans le lien que je t'ai fourni...

Dans ton HTML, entre les balises <head> et </head>, copie colle ce code :
Ce code instancie l'API facebook
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-id',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

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


Ensuite tu remplace (ligne 4) 'your-app-id' par l'ID de la page Facebook concerné par les partages. Pour l'obtenir tu peux utiliser ce site : https://findmyfbid.com/ en saisissant l'URL de ta page.

Après cela, tu ajoute avant la balise fermant </script> que tu viens d'ajouter le code suivant :
Ce code utilise l'API facebook pour ton cas (share = partager)
FB.ui(
  {
    method: 'share',
    href: 'https://developers.facebook.com/docs/',
  },
  // callback
  function(response) {
    if (response && !response.error_message) {
      alert('Posting completed.');
    } else {
      alert('Error while posting.');
    }
  }
);


Pour le reste tu as tout ici :
https://developers.facebook.com/docs/sharing/reference/share-dialog
0
mejdihabli Messages postés 12 Date d'inscription   Statut Membre Dernière intervention  
 
Merci bien!
0