Bouton partager facebook - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Bouton partager facebook

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Bouton partager facebook (Lu 4594 fois)

Bouton partager facebook
« sur: le 10-02-2014 a 18:01:51 »

aldo72
Membre récent

Hors-Ligne

Messages: 36

Bonjour,

Je souhaite mettre un bouton facebook sur mon site, en récupérant l'url dynamique.

J'ai tenter ceci :

Code:
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=233648276683523";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="http://www.facebook.com/share.php?u=http://www.mon-url.fr/"annonce-$id.htm\"" data-type="button_count"></div>

Mais rien a faire, cela ne récupére par l'url de l'annonce de la page.

Si quelqu'un peu m'éclairer.

Merci d'avance

Aldo

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #1 sur: le 10-02-2014 a 18:24:53 »

KB
Superactif

Hors-Ligne

Messages: 613

hello,

ca vient d'ou ça: annonce-$id.htm ?
ton erreur vient de là. tu appelles des variables dans du html sans quote ni ouverture de balises

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #2 sur: le 10-02-2014 a 18:39:35 »

aldo72
Membre récent

Hors-Ligne

Messages: 36

J'ai mis ceci pour appeler l'url en cours de visu

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #3 sur: le 10-02-2014 a 19:46:47 »

aldo72
Membre récent

Hors-Ligne

Messages: 36

Je pense que j'avance un peu, je viens de mettre ceci :

Code:
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=233648276683523";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="<?
$monUrl = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?> " data-type="button_count"></div>

La j'ai bien l'appel de ma page en cours.

Par contre, y a t-il moyen de récupérer le texte de l'annonce aussi ? et de récupérer l'image de l'annonce ?

Aldo

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #4 sur: le 01-03-2014 a 20:42:52 »

jean-f
Membre récent

Hors-Ligne

Messages: 40

Je suis un lama!

te casse pas la tête quelques lignes suffisent :

http://www.yakaclike.com/partage_facebook.php

dis moi si c'est OK pour toi

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #5 sur: le 02-03-2014 a 18:11:28 »

aldo72
Membre récent

Hors-Ligne

Messages: 36

Bonjour jean-f,

Un grand merci pour ce bout de code, qui fonctionne a la perfection, alors que je me casser la tête pour trouver une solution.

Seul petit soucis, c'est qu'il est impossible de changer le texte, il reste toujours "Share" avec le petit logo de facebook.

Comment puis faire pour faire apparaitre un logo perso, et le texte souhaiter?

Amicalement

Aldo

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #6 sur: le 02-03-2014 a 20:53:34 »

jean-f
Membre récent

Hors-Ligne

Messages: 40

Je suis un lama!

Code:

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

la seul echose que j'ai trouvé c'est de modifier la balise type="..." pour modifier l'apparence du bouton il y a soit :

icon_link -> icone + share
box_count -> icone + compteur de partage
button_count -> bouton + compteur de partage
button -> bouton share
icon -> juste le petit "F" de facebook

mais pas trouvé comment le mettre en français ... mais il doit y avoir un truc tout simple pour le faire

si je trouve je te donne la solution ou vice versa lol

Rapporter au modérateur

Re:Bouton partager facebook
« Répondre #7 sur: le 03-03-2014 a 12:04:12 »

aldo72
Membre récent

Hors-Ligne

Messages: 36

Bonjour,

J'ai enfin trouver la solution (en tous cas pour moi), mais je pense que sa peu s'adapter a tous :

Code:
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=233648276683523";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.mon_url.fr<?php
$urlfac=$_SERVER['REQUEST_URI'];
echo '' .$urlfac."";
?>" data-width="232" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>

Ensuite il suffit de changer les paramètre a convenance pour le data-layout, data-action, data-show, faces et data-share.

En espérant que cela servira a d'autre.

Dans tous les cas mon coiffeur aura pas grand chose a couper, vu le nombre de cheveux que je me suis arracher pour trouver ce code