web-dev-qa-db-fra.com

Ajouter le bouton Partager Facebook à la page HTML statique

Existe-t-il un moyen d'ajouter un Facebook bouton Partager à une page HTML statique? J'ai implémenté un site Web simple sans côté serveur, juste un tas de pages html et j'ai pu ajouter un bouton Like car il est implémenté avec l'élément iFrame. J'ai cherché une solution concernant le bouton Partager avant de poster ici, mais je ne trouve vraiment rien.

(Un exemple de bouton de partage peut être vu sur un site Web YouTube, dans la section de partage de chaque vidéo.)

Toute aide est appréciée.

htmlfacebookshare
12
aumanets

Vous devriez pouvoir générer votre propre code de bouton ici: http://developers.facebook.com/docs/reference/plugins/like/

11
jpea

Cela devrait résoudre votre problème: bouton Partager FB/documentation de dialogue De manière générale, vous pouvez utiliser du code HTML normal et le styliser avec CSS, ou vous pouvez utiliser Javascript.

Voici un exemple:

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank" rel="noopener">
    <img class="YOUR_FB_CSS_STYLING_CLASS" src="img/YOUR_FB_ICON_IMAGE.png" width="22px" height="22px" alt="Share on Facebook">
</a>

Remplacez https% 3A% 2F% 2Fparse.com , YOUR_FB_CSS_STYLING_CLASS et YOUR_FB_ICON_IMAGE.png avec vos propres choix et ça devrait aller.

Remarque: Pour la sécurité de vos utilisateurs, utilisez le lien HTTPS vers FB, comme dans le a href attribut.

11
PhobosK
<a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php?appId={YOUR APP ID}&link=<?php the_permalink() ?>' rel='nofollow'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
4
Akmal Izzulhaq
 <div class="fb_share">
     <a name="fb_share" type="box_count" share_url="<?php the_permalink() ?>"
       href="http://www.facebook.com/sharer.php">Partilhar</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <?php }  }

 add_action('thesis_hook_byline_item','fb_share');
3
iMic

Remplacer <url> avec votre propre lien

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
3
Piotr Ciszewski