Comments Box de Facebook sur les sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comments Box de Facebook sur les sujets

Message par demeter1 le Lun 4 Mar 2013 - 14:30

Bonjour à tous,
Cédant à la pression des réseaux sociaux (hélas) mes membres m'ont demandé d'installer ce système de commentaire qui permet d’interagir avec leur compte facebook.

En naviguant sur le web, j'ai trouvé un script qui permet d'installer cette fenêtre. Comme vous vous en doutez, il y a un hic.

Voici le script
Code:
jQuery(document).ready(function(){(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'));v='.post:has( .postbody,.pun .postbody)';if(jQuery(v).length==0){v='#blog_comments'};jQuery(v).eq(-1).after('<div class=fb-comments data-href="http://'+location.host+location.pathname+'" data-num-posts=5 data-width='+jQuery(v).eq(-1).css('width')+'></div>')});

et le rendu qu'il donne


Comme vous le voyez, l'affichage est effectif mais la fenêtre se positionne en dessous de la case Auteur au lieu de se mettre en dessous du message et, en empiétant sur l'espace dédié aux boutons du profil.

Auriez vous une idée pour modifier ce script pour assurer le bon positionnement qui dans l'idéal serait celui ci ?



Merci par avance à ceux qui se pencheront sur cette demande d'aide.



.



Dernière édition par demeter1 le Mer 13 Mar 2013 - 13:02, édité 2 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Mar 5 Mar 2013 - 14:57

Réactualisation du sujet. merci à ceux qui le liront.
Bonne journée à tous

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comments Box de Facebook sur les sujets

Message par Adam_sfp le Mar 5 Mar 2013 - 15:46

Bonjour

Pourquoi ne pas utiliser le plugin proposer par facebook?
http://developers.facebook.com/docs/reference/plugins/comments/

Qui propose une Div à placer à l'endroit ou l'on veut mettre le module.

Cordialement.


Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Mar 5 Mar 2013 - 17:01

Bonjour Adam,
Déjà testé en utilisant le script fourni par ce plugin et, en passant par les templates (posting body et viewtopic_body) mais, rien ne s'affiche.
Il est fort possible que ce soit moi qui m'y prenne comme un pied.

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par Adam_sfp le Mar 5 Mar 2013 - 17:24

Bonjour

il faut créer une application facebook pour avoir l'id de l'application.


Normalement il faudrait essayer en mettant dans le template overall_header
avant </head>
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=XXXXXXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 

*A la place des XXXXXXXXXXXXXX il doit y avoir l'id de l'appli

et ensuite dans viewtopic_body essayez ici

Code:
<!-- END viewtopic_bottom -->
ICI LE CODE DE LA DIV
<!-- BEGIN switch_image_resize -->

Cordialement

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Mer 6 Mar 2013 - 11:48

Merci Adam , je teste cela dans la semaine.

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Lun 11 Mar 2013 - 15:11

Bonjour,
Bon, j'ai testé et, je pense que je m'y prend comme un pied malgré des consignes qui sont claires.

Voici les codes fournis par Facebook
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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Code:

<div class="fb-comments" data-href="http://altitudetropicale.forums-actifs.com/" data-width="470" data-num-posts="5" data-colorscheme="dark"></div>

Où puis je récupérer dans ces codes l'ID de l'appli ?

Désolé d'être aussi lourdaud sur ce coup Embarassed

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Lun 11 Mar 2013 - 18:23

Trouvé et mis en place . Un grand merci Adam_sfp

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par Chacha le Mar 12 Mar 2013 - 15:38

Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49718
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Mar 12 Mar 2013 - 15:57

Merci Chacha, vous êtes adorable Flowers2 (en tout honneur, je vous rassure). Désolé encore pour ce dérangement et milles excuses à Adam pour la réouverture du topic.

Bon, voila que je vais encore faire mon lourdaud. Embarassed

En utilisant le module social, je me suis aperçu de deux soucis :

1 bien que l'affichage du module soit effectif, il répercute les commentaires liées à diverses discussions sur tous les topics.
Par exemple , j'écris un commentaire sur ce lien http://altitudetropicale.forums-actifs.com/t1372p15-bismarckia-nobilis-cadeau-superbe-mais-un-peu-empoisonne
ce même commentaire apparait également sur les autres topics . par exemple ici : http://altitudetropicale.forums-actifs.com/t2331-bonsai-experiences#21347

2 Le commentaire apparait bien sur facebook mais le lien de référence au topic correspond au lien de l'index du forum au lieu de se référer au lien du topic.

Voici ce que j'ai fait dans les templates :
1/ dans le template overall_header
avant </head>
Code:

<!-- facebook comments-->
    <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 = " http://connect.facebook.net/fr_FR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>   
    <!-- fin faebook comments -->


et dans le viewtopic_body

Code:
<!-- facebook comment --> 
  <div class="description_forum">Ce module vous permettra de laisser un commentaire sur vos comptes Facebook.</div><br><br> 
    <center> <div class="fb-comments" data-href="http://altitudetropicale.forums-actifs.com/" data-width="1000" data-num-posts="10" data-colorscheme="dark"></div></center>
<!-- Fin facebook comment -->


J'ai du faire une bourde dans la mise en place de ce module mais laquelle ?

Merci par avance à ceux qui liront ce topic et qui m'aideront à régler ces petits soucis.

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par Adam_sfp le Mar 12 Mar 2013 - 22:10

BOnsoir

il me semble que c'est plus une box de commentaires qui ajoute les comments peu importe la page ou on se trouve...

Pour le lien référencer sur facebook cela prend celui ci
href="http://altitudetropicale.forums-actifs.com

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comments Box de Facebook sur les sujets

Message par demeter1 le Mer 13 Mar 2013 - 13:01

Merci Adam pour cette réponse qui confirme qu'il s'agit du fonctionnement normal de ce module.

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum