Action javascript apés le partage facebook

mejdihabli Messages postés 13 Statut Membre -
mejdihabli Messages postés 13 Statut Membre - 3 févr. 2017 à 16:23

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>

Afficher la suite

A voir également:

Action javascript apés le partage facebook
Partage de photos - Guide
Télécharger film d'action gratuitement et rapidement - Télécharger - TV & Vidéo
Concurrent action - Guide
Meilleur site partage abonnement - Accueil - Services en ligne
Story facebook comment ça marche - Guide

1 réponse

Réponse 1 / 1

Nexii Messages postés 365 Statut Membre 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.

mejdihabli Messages postés 13 Statut Membre

SVP, un exemple sur mon cas, j'ai pas compris, il m'a demander ID

Nexii Messages postés 365 Statut Membre 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

mejdihabli Messages postés 13 Statut Membre

Merci bien!

Discussions similaires

Action requise sur compte Google

Conseil cartouche action

Votre réponse

Discussions similaires