Bouton Partager Facebook pour l'URL dynamique

J'ai une page dynamique avec réecrit url. Je veux ajouter un facebook bouton partager. Si les utilisateurs cliquent sur le bouton partager pouvez partager la page. Mais l'facebook partager développeur page demande une url spécifique. Pas sûr de la façon de partager dynamiquement l'url générée.

Voici un peu de code que j'ai trouvé à la capture de l'url. Mais je ne sais pas comment les inclure dans facebook code.

jQuery(document).ready(function() {
    var href = jQuery(location).attr('href');
    var url = jQuery(this).attr('title');
    jQuery('#current_title').html(href);
    jQuery('#current_url').html(url);
});

Partie HTML de l'Facebook Bouton Partager

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

Aide gentiment

Merci Beaucoup

source d'informationauteur Gops

  1. 22

    Cela a fonctionné pour moi:

    <script language="javascript">
    function fbshareCurrentPage()
    {window.open("https://www.facebook.com/sharer/sharer.php?u="+escape(window.location.href)+"&t="+document.title, '', 
    'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
    return false; }
</script>

    Puis composez le code avec un lien:

    <a href="javascript:fbshareCurrentPage()" target="_blank" alt="Share on Facebook">Facebook</a>

    Si vous voulez qu'il soit un lien direct au lieu de l'ouvrir dans une fenêtre, l'utiliser dans la fonction:

    window.location.href="https://www.facebook.com/sharer/sharer.php?u="+escape(window.location.href)+"&t="+document.title;

    Possible jquery solution:

    <a class="fbsharelink" data-shareurl="YOURLINK">Facebook</a>

$('.fbsharelink').click( function() 
{
    var shareurl = $(this).data('shareurl');
    window.open('https://www.facebook.com/sharer/sharer.php?u='+escape(shareurl)+'&t='+document.title, '', 
    'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
    return false;
});
  2. 9

    Ne saisissez rien dans l'URL " Supprimer le lien (https://developers.facebook.com/docs/plugins/) aussi bien et inclure le code dans votre page comme vous le feriez normalement.

    Comme ou bouton partager allait chercher le lien de votre page en cours

  3. 4

    Utiliser pour avoir Facebook api d'analyse de votre page

      FB.XFBML.parse();
  4. 3

    Vous pouvez gagner de l'url à l'aide de

    var href = window.location

    vous pouvez gagner le titre de la page à l'aide de

    var title = document.title

    Pas besoin d'utiliser jQuery pour ces tâches simples.

    De faire le FB bouton de partage dynamique, vous devrez recharger ou de modifier les attributs de données pour correspondre à la valeur actuelle. Aussi, après un rapide coup d'oeil à la documentation pour le GO bouton partager, il n'y a pas d'option pour définir le titre juste le HREF. Docs peuvent être trouvés ici.

    Donc, pour votre exemple, après le changement de l'url, également exécuter le code suivant:

    jQuery(document).on('ready', function($){
    var url = window.location;  
    $('.fb-share-button').attr('data-href', url);
});
  5. -1

    Je pense que la solution la plus simple est celle-ci. Et cela fonctionne pour la plupart des Url complexes, disons que c'est votre URL

    http://dramatainment.com/videos.php?v=000014

    C'est la façon dont vous allez modifier votre facebook partager code du bouton

    <div class="fb-share-button" data-href="http://dramatainment.com/videos.php?v=<?php echo $v; ?>" data-layout="button" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdramatainment.com%2Fvideos.php&amp;src=sdkpreparse">Share</a></div>

    Juste ajouté la dynamique de l'URL comme ceci

    data-href="http://dramatainment.com/videos.php?v=<?php echo $v; ?>"