Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: aldo72 le le 10-02-2014 a 18:01:51

Titre: Bouton partager facebook
Posté par: aldo72 le le 10-02-2014 a 18:01:51

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

Titre: Re:Bouton partager facebook
Posté par: KB le le 10-02-2014 a 18:24:53

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

Titre: Re:Bouton partager facebook
Posté par: aldo72 le le 10-02-2014 a 18:39:35

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

Titre: Re:Bouton partager facebook
Posté par: aldo72 le le 10-02-2014 a 19:46:47

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

Titre: Re:Bouton partager facebook
Posté par: jean-f le le 01-03-2014 a 20:42:52

te casse pas la tête quelques lignes suffisent :

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

dis moi si c'est OK pour toi

Titre: Re:Bouton partager facebook
Posté par: aldo72 le le 02-03-2014 a 18:11:28

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

Titre: Re:Bouton partager facebook
Posté par: jean-f le le 02-03-2014 a 20:53:34


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





Titre: Re:Bouton partager facebook
Posté par: aldo72 le le 03-03-2014 a 12:04:12

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 ;D ;D ;D

Titre: Re:Bouton partager facebook
Posté par: jean-f le le 03-03-2014 a 12:48:59

merci pour ton code ca va servir ;) ;)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.