Liens Réseaux Sociaux PHP Boost 4.1

Liens Réseaux Sociaux PHP Boost 4.1 [Réglé]

babsolune Membre non connecté

Le 25/10/2014 à 13h17

plop

c'est une fonctionnalité qu'il faut activer dans facebook

se rendre sur facebook/developer => https://developers.facebook.com/

dans le menu haut, cliquer sur "apps" et suivre la procédure pour créer une nouvelle appli fb => obtention une clée id.

cliquer sur doc dans le menu haut, puis sur "sharing" dans le menu latéral et enfin sur "modules sociaux"

choisir son plugin et remplir les champs en fonction des besoins

cliquer sur "get code" => code en 2 parties

la premiere partie (javascript) est à inclure dans le frame.tpl de ton theme entre <body itemscope....> et # INCLUDE BODY #

la deuxieme (html) est inclure dans les pages que tu veux partager à l'endroit ou tu veux le voir apparaitre, puis modifies le lien cible pour l'adapter à phpboost.

exemple pour le module news et le bouton share

si ce n'est pas déjà fait, copier le dossier /news/templates dans /templates/NOMDETONTHEME/modules puis le renommer en "news" (s'il n'y a pas de dossier "modules" dans ton theme, il faut le créer)

partie 1 javascript

ouvrir /templates/NOMDETONTHEME/frame.tpl

trouver

Code HTML :

<body itemscope="itemscope" itemtype="http://schema.org/WebPage">
 
        # INCLUDE BODY #
        # INCLUDE JS_BOTTOM # 
    </body>

et remplacer par

Code HTML :

<body itemscope="itemscope" itemtype="http://schema.org/WebPage">
 
        <!-- facebook share -->
        <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/sdk.js#xfbml=1&appId=NUMERO-IDAPP-FOURNIE-PAR-FB&version=v2.0";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));            
        </script>
 
        # INCLUDE BODY #
        # INCLUDE JS_BOTTOM # 
    </body>

normalement, "NUMERO-IDAPP-FOURNIE-PAR-FB" et automatiquement rempli si l'application est créée

Pour avoir le bouton sur la page de l'article

ouvrir /templates/NOMDETONTHEME/modules/news/NewsDisplayNewsController.tpl

ajouter à l'endroit où on veut voir le bouton

Code HTML :

<div class="fb-share-button" data-href="adresse-du-site{U_LINK}" data-width=""></div>

ouvrir /templates/NOMDETONTHEME/modules/news/NewsDisplaySeveralNewsController.tpl

ajouter à l'endroit où on veut voir le bouton

Code HTML :

<div class="fb-share-button" data-href="adresse-du-site{news.U_LINK}" data-width=""></div>

à noter qu'il ne faut pas de "/" entre adresse-du-site et "{"

perso je les place dans la classe "more" à la fin

plein d'autres appli facebook à intégrer sur le même principe