Comments Box de Facebook sur les sujets

[demeter1]

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.



.

[demeter1]

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

[Adam_sfp]

Bonjour

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

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

Cordialement.

[demeter1]

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.

[Adam_sfp]

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

[demeter1]

Merci Adam , je teste cela dans la semaine.

[demeter1]

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

[demeter1]

Trouvé et mis en place . Un grand merci Adam_sfp

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[demeter1]

Merci Chacha, vous êtes adorable (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.

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 = " https://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.

[Adam_sfp]

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.

[demeter1]

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