Action javascript apés le partage facebook
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>
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>
1 réponse
-
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.-
-
"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 -
-
