NPDS : Gestion de contenu et de communauté
Content & Community Management System (CCMS) robuste, sécurisé, complet, performant, parlant vraiment français, libre (Open-Source) et gratuit.
17 visiteur(s) et 0 membre(s) en ligne.
Autres infos
Activité du Site
Pages vues depuis 25/05/2001 : 108 261 718
- Nb. de membres 8 693
- Nb. d'articles 1 695
- Nb. de forums 26
- Nb. de sujets 8
- Nb. de critiques 92
Index du forum »» Pour débuter »» Facebook
Nouveau sujet
Facebook#25877Répondre
5Contributeur(s)
3 Modérateur(s)
colonelwog
faut déjà créer ton bouton chez Facebook ...
et ensuite tu le colles dans ton thèmes pour les articles et le tour est joué !
et ensuite tu le colles dans ton thèmes pour les articles et le tour est joué !
fouineur
Salut,
Voici comment j'ai procéder :
1. Il faut se rendre sur la page http://developers.facebook.com/docs/reference/plugins/like/
2. Dans la case mettre l'adresse de son site : http://www.monsite.fr
3. Choisir parmi les options
4. Ensuite cliquez sur "GET CODE"
5. Une fenêtre apparait avec deux scripts
On va prendre la partie du code en haut :
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
6. On va dans l'administration du site et on clique sur :
"Editer les fichiers de configuration"
ensuite on clique sur :
"header_head" ou http://www.votre-site/admin.php?op=ConfigFiles_load&files=header_head
On colle le script du haut juste après :
<?PHP blablabla
?>
Sauvegarder
7. Bon maintenant avec le script du bas :
ATTENTION : selon vos réglage
<div class="fb-like" data-href="http://votre-site.fr" data-send="true" data-width="450" data-show-faces="true"></div>
Vous le coller dans l'edito dans un bloc la ou vous le désirez.
8. Ensuite pour les articles :
Il suffit de mettre le même script mais avec l'adresse de votre article.
exemple : article 202
<p><div class="fb-like" data-href="http://www.votre-site.fr/article.php?sid=202" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div></p>
Chaque article aura le même script sauf le lien qui change
Fin
PS : je ferai une doc plus tard
Voici comment j'ai procéder :
1. Il faut se rendre sur la page http://developers.facebook.com/docs/reference/plugins/like/
2. Dans la case mettre l'adresse de son site : http://www.monsite.fr
3. Choisir parmi les options
4. Ensuite cliquez sur "GET CODE"
5. Une fenêtre apparait avec deux scripts
On va prendre la partie du code en haut :
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
6. On va dans l'administration du site et on clique sur :
"Editer les fichiers de configuration"
ensuite on clique sur :
"header_head" ou http://www.votre-site/admin.php?op=ConfigFiles_load&files=header_head
On colle le script du haut juste après :
<?PHP blablabla
?>
Sauvegarder
7. Bon maintenant avec le script du bas :
ATTENTION : selon vos réglage
<div class="fb-like" data-href="http://votre-site.fr" data-send="true" data-width="450" data-show-faces="true"></div>
Vous le coller dans l'edito dans un bloc la ou vous le désirez.
8. Ensuite pour les articles :
Il suffit de mettre le même script mais avec l'adresse de votre article.
exemple : article 202
<p><div class="fb-like" data-href="http://www.votre-site.fr/article.php?sid=202" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div></p>
Chaque article aura le même script sauf le lien qui change
Fin
PS : je ferai une doc plus tard
Redbreast
Ça marche très bien !!
Mais pour compliquer la chose, comment modifier le(s) script(s) pour qu'il n'y reste que le bouton "j'aime" sans le compteur ?
Mais pour compliquer la chose, comment modifier le(s) script(s) pour qu'il n'y reste que le bouton "j'aime" sans le compteur ?
fouineur
Re,
D'origine il n'est pas possible d'enlever le compteur !
En regardant vite fait sur le net une astuces existe :-)
Alors pour toi avoir que le bouton "j'aime" et rien d'autre ne sera afficher à coté, oublie "envoyer" "recommander" il faudra alors refaire un script spécialement "envoyer" et forcement mettre ton nouveau script. Breff tu verra bien
1. créer un dossier : "facebook" dans modules ce qui donne modules/facebook
2. dans le dossier Facebook créer un dossier "css
" ce qui donne modules/facebook/css
3. dans le dossier css on va créer le fichier .css
et on y met ceci :
.sans_compter {
width: 60px;
height: 20px;
overflow: hidden;
}
.sans_compter .fb_!iframe!_widget span {
width: 60px !important;
}
.sans_compter .fb_!iframe!_widget !iframe! {
width: 60px !important;
position: relative !important;
}
Enregistrer sous le nom "styles.css"
ce qui donne modules/facebook/css/styles.css
4. On va dans l'administration du site et on clique sur :
"Editer les fichiers de configuration"
ensuite on clique sur :
"header_head" ou http://www.votre-site/admin.php?op=ConfigFiles_load&files=header_head
au dessus de la partie script ajouter a Facebook on ajoute ceci :
<link href="modules/facebook/css/styles.css" title="default" rel="stylesheet" type="text/css" />
ensuite dans les articles ou tu ne veux pas ton compteur :
<div class="sans_compter">
ce qui donne au final avec le script :
<div class="sans_compter">
<div class="fb-like" data-font="arial" data-show-faces="true" data-width="450" data-send="true" data-href="http://www.votre-site/article.php?sid=204" data-layout="button_count"> </div>
Un exemple : le dernier article poster
http://www.les-astuces-web.eu/article.php?sid=204
Bonne journée
D'origine il n'est pas possible d'enlever le compteur !
En regardant vite fait sur le net une astuces existe :-)
Alors pour toi avoir que le bouton "j'aime" et rien d'autre ne sera afficher à coté, oublie "envoyer" "recommander" il faudra alors refaire un script spécialement "envoyer" et forcement mettre ton nouveau script. Breff tu verra bien
1. créer un dossier : "facebook" dans modules ce qui donne modules/facebook
2. dans le dossier Facebook créer un dossier "css
" ce qui donne modules/facebook/css
3. dans le dossier css on va créer le fichier .css
et on y met ceci :
.sans_compter {
width: 60px;
height: 20px;
overflow: hidden;
}
.sans_compter .fb_!iframe!_widget span {
width: 60px !important;
}
.sans_compter .fb_!iframe!_widget !iframe! {
width: 60px !important;
position: relative !important;
}
Enregistrer sous le nom "styles.css"
ce qui donne modules/facebook/css/styles.css
4. On va dans l'administration du site et on clique sur :
"Editer les fichiers de configuration"
ensuite on clique sur :
"header_head" ou http://www.votre-site/admin.php?op=ConfigFiles_load&files=header_head
au dessus de la partie script ajouter a Facebook on ajoute ceci :
<link href="modules/facebook/css/styles.css" title="default" rel="stylesheet" type="text/css" />
ensuite dans les articles ou tu ne veux pas ton compteur :
<div class="sans_compter">
ce qui donne au final avec le script :
<div class="sans_compter">
<div class="fb-like" data-font="arial" data-show-faces="true" data-width="450" data-send="true" data-href="http://www.votre-site/article.php?sid=204" data-layout="button_count"> </div>
Un exemple : le dernier article poster
http://www.les-astuces-web.eu/article.php?sid=204
Bonne journée
colonelwog
j'ai is en test sur mon site de l'association ASFA les commentaires aux Articles, je remercie en passant Jireck qui m'a bien aidé sur ce coup :
voici un lien de l'exemple des coms : http://www.asfa.warofgenerals.com/article.php?sid=108
voici un lien de l'exemple des coms : http://www.asfa.warofgenerals.com/article.php?sid=108
Jireck
Citation : colonelwog
j'ai is en test sur mon site de l'association ASFA les commentaires aux Articles, je remercie en passant Jireck qui m'a bien aidé sur ce coup :
voici un lien de l'exemple des coms : http://www.asfa.warofgenerals.com/article.php?sid=108
j'ai is en test sur mon site de l'association ASFA les commentaires aux Articles, je remercie en passant Jireck qui m'a bien aidé sur ce coup :
voici un lien de l'exemple des coms : http://www.asfa.warofgenerals.com/article.php?sid=108
D'ailleurs faut que tu me le passe pour verifier 3-4 choses et simplifier les choses ...
colonelwog
ok ^^ faut que je remette la main sur les fichiers ...je vais te faire un pack de ce que j'ai sur le site ce sera plus simple et sur du coup que ce soit les bons fichiers ...
Redbreast
Et concernant Twitter, est il possible de rajouter un "bouton" sur l'ensemble des articles.
j'imagine sur la page "article.php" ?
j'imagine sur la page "article.php" ?
fouineur
Salut,
Oui c'est possible même principe tu colle d'abord ton script ensuite tu prend l'autre partie pour l'intégré la ou tu veux.
Regarde sur mon site tu peux même mettre Google+
A++
Oui c'est possible même principe tu colle d'abord ton script ensuite tu prend l'autre partie pour l'intégré la ou tu veux.
Regarde sur mon site tu peux même mettre Google+
A++
Redbreast
Je ne trouve pas sur le site de Twitter. C'est dans créer un widget ?
Ce qui me plairai, c'est de modifier automatiquement toute les pages article, pour qu'un visiteur puisse cliquer sur le bouton et partager l'article.
J'imagine qu'il fadrait mettre un script sur "article.php" (?)
Ce qui me plairai, c'est de modifier automatiquement toute les pages article, pour qu'un visiteur puisse cliquer sur le bouton et partager l'article.
J'imagine qu'il fadrait mettre un script sur "article.php" (?)
fouineur
re,
j'ai bien compris ce que tu demande que tout cela ce fasse automatiquement.
Peut-être possible mais mes compétence ne sont pas assez haut pour que je puise t'aidé.
Par contre pour twitter :
http://twitter.com/about/resources/buttons
Pour Facebook :
https://developers.facebook.com/docs/reference/plugins/like/
Pour Google+ :
http://developers.google.com/+/web/+1button/?hl=fr
j'ai bien compris ce que tu demande que tout cela ce fasse automatiquement.
Peut-être possible mais mes compétence ne sont pas assez haut pour que je puise t'aidé.
Par contre pour twitter :
http://twitter.com/about/resources/buttons
Pour Facebook :
https://developers.facebook.com/docs/reference/plugins/like/
Pour Google+ :
http://developers.google.com/+/web/+1button/?hl=fr
Redbreast
Merci, j'ai trouvé.
Mais pour en revenir à Facebook, le bouton "j'aime" il me donne sur la page FB :"Générateur de portail Français en Open-Source sous licence Gnu-Gpl utilisant Php et MySql" :)
Mais pour en revenir à Facebook, le bouton "j'aime" il me donne sur la page FB :"Générateur de portail Français en Open-Source sous licence Gnu-Gpl utilisant Php et MySql" :)