[Google+] Intégrer un bouton « Partager » dans les sujets du forum

Révision infoking1 du 14/11/2012


Introduction



Le tutoriel proposé vous permettra d'ajouter la fonction « Partager » de Google+ dans les sujet de votre forum PHPBoost V3.

Avant toutes modifications, faites une sauvegarde soit globale de votre site et BDD (cela doit être fait une fois par semaine) ou alors des fichiers que vous allez modifier.

Le visuel :






1/ Le fichier "forum_topic.tpl"



Afin d'ajouter le bouton « Partager » de Google+ sur les topic de votre forum suivez les étapes ci-dessous:

Commencez par vérifier que dans votre dossier "templates/VOTRE_THEME/modules/", que vous avez bien ce dossier "forum" !

<span class="astuce">Si vous ne l'avez pas, créez le ! Ensuite à la racine de votre site, allez dans le dossier "forum/templates" et copiez le fichier : "forum_topic.tpl" dans le dossier que vous avez précédemment créé !</span>

Une fois les vérifications de base faites, ouvrez votre fichier "forum_topic.tpl" puis a la ligne 258:

Chercher:

Code TPL :
&nbsp;&nbsp;<a href="{U_TITLE_T}#go_top" onclick="new Effect.ScrollTo('go_top',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/top.png" alt="" /></a> <a href="{U_TITLE_T}#go_bottom" onclick="new Effect.ScrollTo('go_bottom',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/bottom.png" alt="" /></a>&nbsp;&nbsp;</span>
</div>


Puis le remplacer par ceci:

Code TPL :
 
<div class="g-plus" data-action="share" data-annotation="none" data-height="15"></div>
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
&nbsp;&nbsp;<a href="{U_TITLE_T}#go_top" onclick="new Effect.ScrollTo('go_top',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/top.png" alt="" /></a> <a href="{U_TITLE_T}#go_bottom" onclick="new Effect.ScrollTo('go_bottom',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/bottom.png" alt="" /></a>&nbsp;&nbsp;</span>
</div>


~ BONUS ~



Pour avoir Facebook et Google+:

Toujours à la ligne 258 du"forum_topic.tpl":

Remplacez:

Code TPL :
&nbsp;&nbsp;<a href="{U_TITLE_T}#go_top" onclick="new Effect.ScrollTo('go_top',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/top.png" alt="" /></a> <a href="{U_TITLE_T}#go_bottom" onclick="new Effect.ScrollTo('go_bottom',{duration:1.2}); return false;"><img src="../templates/{THEME}/images/bottom.png" alt="" /></a>&nbsp;&nbsp;</span>
</div>


Par:

Code TPL :
&nbsp;&nbsp;<script type="text/javascript"><!--mce:0--></script>
<a onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=http://MON_SITE.FR/forum/topic{msg.U_VARS_ANCRE}#m{msg.ID}" target="_blank">
<img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" />
</a>
<div class="g-plus" data-action="share" data-annotation="none" data-height="15"></div>
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>


:!: Attention :!:
dans le code remplacez bien le "http://MON_SITE.FR/" par le nom de votre site.



Et terminez en régénérant les caches PBt (Administration/Outils) et celui de votre navigateur.

Si vous avez des questions, n'hésitez pas à les poser sur le forum :)




Merci à Hugo pour ce tutoriel .

Cette page a été consultée 2087 fois