Publicité
Plugin Joomla geekmps

Dans la série “fait le comme Korben” (oui le célébre bloggeur qui est un peu un de nos maîtres à tous) et suite à son article sur les boutons de  partage social sans tracking version old school pour wordpress, je vous propose une solution pour Joomla. (article de référence ici ). Je l’avais en tête surtout pour virer ce lourd de Mootools. Du coup cela m’a donné un coup de boost.

Vous vous demandez peut être mais pourquoi ‘sans tracking’. En fait lorsque vous intégrez un bouton de partage avec les scripts des différents services, la plupart du temps vous chargez tout une tas de javascript et image. Ces javascripts servent à afficher le nombre de partage (compteur), à signaler votre page aux services de partage social etc … Mais ils ont un inconvénient, ils peuvent ralentir l’affichage de la page (normalement non car ils sont en defer).Le chargement d’image et javascript compte également dans votre notation pour le classement google en autre. Donc ce n’est peut être pas une si mauvaise idée que ça de changer cela et de la jouer old school (en gros un lien de partage basique).

 

 

Dans wordpress, Korben vous explique comment faire pour intégrer les boutons à vos articles. Dans joomla c’est un poil plus compliqué, sauf si vous vous amusez à copier le code fourni à chaque fin d’articles (n’oubliez pas de le modifier ;) ).

Insertion de code manuel

Exemple de code à insérer


<div><br><div><p><i>Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :</i><br></p></div> <div> <a target="_blank" title="Twitter" href="https://twitter.com/share?url=http://geekmps.fr/geeks/398-virer-ne-pas-charger-mootools-js-dans-joomla-3&amp;text=Virer (ne pas charger) Mootools.js dans Joomla 3: Mootools dans joomla c'est juste un gros JS, mais ... &amp;via=geekmps" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="/./media/social_geekmps/Icons/Twitter.png" alt="Twitter"></a> <a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=http://geekmps.fr/geeks/398-virer-ne-pas-charger-mootools-js-dans-joomla-3&amp;t=Virer (ne pas charger) Mootools.js dans Joomla 3: Mootools dans joomla c'est juste un gros JS, mais il est vraiment trop gros même zippé, alors pourquoi ne pas essayer de le virer" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="/./media/social_geekmps/Icons/Facebook.png" alt="Facebook"></a> <a target="_blank" title="Google +" href="https://plus.google.com/share?url=http://geekmps.fr/geeks/398-virer-ne-pas-charger-mootools-js-dans-joomla-3&amp;hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="/./media/social_geekmps/Icons/Google-plus.png" alt="Google Plus"></a> <a target="_blank" href="https://getpocket.com/save" data-lang="en" data-save-url="http://geekmps.fr/geeks/398-virer-ne-pas-charger-mootools-js-dans-joomla-3" data-pocket-count="none"><img src="/./media/social_geekmps/Icons/Pocket.png" alt="Pocket"></a> </div><br> </div>

Penser à changer le chemin des images, les url de l’article, les références à geekmps. Bref avec le plugin c’est plus simple.

 

Ce que fait le plugin joomla

 J’ai donc pris le temps que je n’ai pas à coder un petit plugin. Je le partage des fois qu’il puisse vous convenir.

Tout d’abord ce plugin n’est compatible qu’avec joomla 3.1 (je n’ai pas testé  sur les autres version).

 

Ce plugin ajoutera des boutons pour Twitter, Facebook,Google+,Lindedin et Pocket. Je n’ai pas ajouté le partage mail car il existe déjà en haut des articles. Bien entendu vous pouvez ou non les afficher.

Mais ce n’est pas tout, j’ai ajouté quelques données OpenGraph (pour facebook), des données pour twitter pour les twitter card (summary) et une petit option pour le marquage basique JSON-LD.

Bien entendu aussi vous n’êtes pas obligé d’afficher ses informations des fois qu’un autre plug-in le fasse déjà (certain le font beaucoup mieux que mon petit plug-in maison).

 

Modifier le plugin

Bien entendu vous pouvez le modifier selon vos besoins c’est fait pour.

Pour ajouter un réseau social, il suffit d’ajouter l’icône dans un des packs.

Modifier le fichier plugins/content/social_geekmps/social_geekmps .xml en ajoutant une section à la suite des autres

<field name="monreseau" type="radio"
                                        default="1"
                                        class="radio btn-group"                                        description="JFIELD_PLG_SHARE_GEEKMPS_MONRESEAU_DESC"                                        label="JFIELD_PLG_SHARE_GEEKMPS_MONRESEAU_LABEL"                               >
                                        <option value="0">JOFF</option>
                                        <option value="1">JON</option>
                                </field>

 

Modifier le php plugins/content/social_geekmps/social_geekmps .php en ajoutant une section

 

if ($this->params->get( monreseau)=='1') {
        $article_text = $article->title.': '.substr($article->metadesc,0,110-$via_count-$title_count) ;
        $social_badges .= <<<MONRESEAU
        <a target="_blank" title="MonReseau" href="https://twitter.com/share?url={$article_link}&text={$article_text} ... &via={$twitter_name}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="/./media/social_geekmps/Icons/{$pack}monreseau.png" alt="monreseau" /></a>
MONRESEAU;
      $shareOn = 1;
     }

 

Enfin n’oubliez pas de modifier les fichiers de traductions /administrator/language/fr-FR/fr-FR.plg_content_social_geekmps.sys.ini et

/administrator/language/gb-GB/gb-GB.plg_content_social_geekmps.sys.ini

pour ajouter

JFIELD_PLG_SHARE_GEEKMPS_MONRESEAU_DESC=”Ajout du badge monréseau”

JFIELD_PLG_SHARE_GEEKMPS_MONRESEAU_LABEL=”monreseau”

 

L'icône de votre réseau est à ajouter dans ./media/social_geekmps/Icons/monreseau.png

 

Téléchargement

Pour le téléchargment ça se passe ici

Tout n’est pas parfait alors n’hésitez pas à me remonter le bug (en revanche je ne garanti aucun délais de corrections …)

Les images

Plugin joomla geekmps img 001 Plugin joomla geekmps img 002 Plugin joomla geekmps img 003 Plugin joomla geekmps img 004 Plugin joomla geekmps img 005 Plugin joomla geekmps img 006 Plugin joomla geekmps img 007 Plugin joomla geekmps img 008 Plugin joomla geekmps img 009


Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :


Commentaires

  • Aucun commentaire trouvé

Poster un commentaire en tant qu'invité

0