[Plugin] SocialButtons (facebook, twitter, google+, linkedin)

websyys · octobre 2013

Bonjour, voici un nouveau plugin qui vous permettra de partager vos articles sur :
- Facebook
- Twitter
- Google+
- Linkedin
- Pinterest
- Scoop.it!

Très similaire au plugin "MySocialButtons", "SocialButtons" fonctionne selon un principe différent (lien href + img), ce qui permet de personnaliser très facilement les boutons de partage :
- Attribut rel="nofollow" sur chaque url de partage
- Taille de la popup personnalisable
- Possibilité d'utiliser des icônes perso
- Fonctionne même si le javascript est désactivé dans le navigateur

Lien de téléchargement :
SocialButtons v1.4

### Version 1.4 (05/11/2013) ###

+ Ajout parameters.xml
+ Ajout config.php
+ Option: via@ twitter
+ Option: choix du répértoire pour les icones
+ Option: personnaliser le texte
- traduction (fr/en)
- Mise à jour du code + Nettoyage

### Version 1.3 (02/11/2013) ###

- Le plugin fonctionne pour les pages statiques

### Version 1.2 (08/10/2013) ###

- Correction du bug traduction
- Adaptation du plugin pour smartphones et tablettes

## Version 1.1 (07/10/2013) ##

+ Partage sur Pinterest.com
+ Partage sur Scoop.it
- Modification du code pour la récupération de l'url et du titre de l'article
($plxShow->artUrl(); / $plxShow->artTitle();)
- Mise en place d'une traduction (fr, en)
- Icones dans un dossier (img/1/ pour le pack d'icones numéro 1)

##

Pour afficher les boutons de partage, placer ce code à l'endroit que vous voulez :
(idéal après un article

)

<?php eval($plxShow->callHook('SocialButtons')) ?>

Je remercie "Korben" pour son article et Stéphane pour la documentation en pdf.
Si vous avez des questions n'hésitez pas !

bg62 · octobre 2013

bonjour

on peut le fonction en fonction quelque part ?
as-tu envisagé la possibilité d'en ajouter d'autres ?
@+

websyys · octobre 2013

bg62 a écrit:

bonjour
on peut le fonction en fonction quelque part ?

Salut, tu peut voir sur cette page.

bg62 a écrit:

as-tu envisagé la possibilité d'en ajouter d'autres ?
@+

J'aimerais bien évidemment l'améliorer, en créant une page de gestion dans le panel admin, en proposant plusieurs styles d’icônes, en créant des champs personnalisés pour rajouter les pseudo si connectés, like buttons, et de nouveaux sites de partage, il suffira de les proposer... mais tout ceci après quelques éventuels retours positifs de cette première version.

N'hésites pas si tu a d'autres questions.
@+

bg62 · octobre 2013

vu

ça à l'air de fonctionner plus que bien

mais justement il faudrait réussir à le compléter avec la possibilité d'avoir un maximum de liens disponibles ....

Stéphane · octobre 2013

Bonjour websyys

J'aime bien les icones

3 remarques sur ton plugin

1) target="_blank" c'est mal, car non valide W3C

2) lorsque tu affiches une variable php, il est préférable d'utiliser la fonction plxUtils::strCheck pour protéger l'affichage de failles XSS comme l'injection de code javascript.

Exemple:

<?php echo plxUtils::strCheck($titre_article) ?>

3) le plugin ne fonctionne pas sur tablette, du fait de l'ouverture de popup avec onclick="javascript:window.open(.....)"

edit: je rajoute un 4)

Le texte "Partagez cet article sur les réseaux sociaux" pourrait être paramètrable pour éviter de le coder en dur (faut aussi penser que PluXml est traduit en 10 langues, donc peut etre passer par un fichier de langue, même si tu ne fais que la traduc en fr ou en anglais)

Haruka · octobre 2013

Excellent plugin ! J'avais vu passer l'article de Korben et je voulais justement essayer sa solution.
En revanche, il manque effectivement une page de configuration, pour modifier le texte, mais aussi la variable "&via" de twitter (pour ajouter dans le tweet, l'ID du compte de l'auteur). Je suis aussi pour pouvoir choisir les icônes qu'on souhaite afficher.

En revanche je crois avoir 2 bugs :
- google+ : ni le lien vers l'article ni sa description n'apparaissent dans la fenêtre de partage.
- facebook : l'url est affiché au lieu du titre et il n'y a pas la description de l'article.

Et enfin, il serait utile d'avoir, en plus de la page de configuration, une page d'aide pour y indiquer le code php à ajouter et le nom de la class à personnaliser dans le CSS.

websyys · octobre 2013

Salut, et merci pour vos messages.
@bg62 : j'ai mis les sites de réseaux sociaux qui me semblaient pertinents; tu peut aussi en proposer quelques un

@ Stephane :
- je vais laisser target="blank" pour l'instant, je m'occuperai de ce détail dans une future version.
- j'ai modifié le code pour utiliser directement "$plxShow->artTitle();"
- tu utilise quel système d'exploitation sur ta tablette ?
- je penserai à intégrer la langue ok

@P3ter : il y aura la possibilité d'éditer son pseudo et d'utiliser le "tweeting via" une fois que je me serait familiarisé avec la page d'administration. Il me semble aussi que d'autres sites de partage utilisent ce système, je ne sais plus lesquels.
En ce qui concerne ton bug, je pense que sera résolu dans la 1.1 .
Je penserai à ajouter un fichier readme dans la prochaine version

Stéphane · octobre 2013

websyys a écrit:

@ Stephane :
- tu utilise quel système d'exploitation sur ta tablette ?

ipad, ios 7

websyys · octobre 2013

Stéphane a écrit:

websyys a écrit:

@ Stephane :
- tu utilise quel système d'exploitation sur ta tablette ?

ipad, ios 7

Alors il faut une version du plugin qui s'adapte aux tablettes !
Un lien de ce type suffirait ? <a href="">Partager</a>

Est-ce que tu vois quelque chose depuis ton ipad sur ce lien ?

bg62 · octobre 2013

si tu pouvais penser à:
pinterest
scoop.it
entre autres ....

websyys · octobre 2013

bg62 a écrit:

si tu pouvais penser à:
pinterest
scoop.it
entre autres ....

Ils sont déja intégrés, il me reste qu'a upload la version 1.1 :P
demonstration

Patience

joebart · octobre 2013

Très sympa et beau visuel

Stéphane · octobre 2013

websyys a écrit:

Est-ce que tu vois quelque chose depuis ton ipad sur ce lien ?

Oui l'image d'une pomme

websyys · octobre 2013

joebart a écrit:

Très sympa et beau visuel

Merci Joebart

Stéphane a écrit:

websyys a écrit:

Est-ce que tu vois quelque chose depuis ton ipad sur ce lien ?

Oui l'image d'une pomme

Bien, alors ce sera fonctionnel dans la version 1.2 :P

La v1.1 est disponible en téléchargement, mais suite à un petit bug, la traduction affiche une erreur...
J'ai donc remis la phrase en francais dans le fichier du plugin en attendant la v1.2

websyys · octobre 2013

@ Stépĥane : est-ce que tu pourrais essayer avec ton ipad ?

Stéphane · octobre 2013

L'icone twitter version ipad fonctionne. La page twitter s'ouvre bien.

websyys · octobre 2013

Stéphane a écrit:

L'icone twitter version ipad fonctionne. La page twitter s'ouvre bien.

Parfait !
Pour traduire les phrases dans mon plugin, comment ca se passe ?
Le fichier monplugin/lang/fr.php est automatiquement détecté ?

Edit: c'est bon, merci

websyys · octobre 2013

Bonjour, la version 1.2 est disponible

Adapté pour la navigation sur smartphone et tablettes.

Haruka · octobre 2013

Merci pour la mise à jour !

Dans la page aide, tu pourrais rajouter dans la partie "Personnalisation", qu'au niveau de la feuille de style CSS, c'est la classe .share-buttons qu'il faut modifier si besoin.

En revanche, j'ai toujours les mêmes problèmes ci-dessous :
- google+ : ni le lien vers l'article ni sa description n'apparaissent dans la fenêtre de partage.
- facebook : l'url est affichée au lieu du titre et il n'y a pas la description de l'article.

Suis-je le seul a voir ce comportement ?

Pinterest et ScoopIt, n'ayant pas de compte je n'ai pas essayé, mais la fenêtre de connexion s'ouvre bien.

websyys · octobre 2013

P3ter a écrit:

Merci pour la mise à jour !

Dans la page aide, tu pourrais rajouter dans la partie "Personnalisation", qu'au niveau de la feuille de style CSS, c'est la classe .share-buttons qu'il faut modifier si besoin.

Ok, c'est rajouté.

P3ter a écrit:

En revanche, j'ai toujours les mêmes problèmes ci-dessous :
- google+ : ni le lien vers l'article ni sa description n'apparaissent dans la fenêtre de partage.
- facebook : l'url est affichée au lieu du titre et il n'y a pas la description de l'article.

Suis-je le seul a voir ce comportement ?

Pinterest et ScoopIt, n'ayant pas de compte je n'ai pas essayé, mais la fenêtre de connexion s'ouvre bien.

Essaye de supprimer le premier plugin (l'ancienne version), et de réinstaller la nouvelle archive...
Tout est fonctionnel pour ma part.

bg62 · octobre 2013

websyys a écrit:

bg62 a écrit:

si tu pouvais penser à:
pinterest
scoop.it
entre autres ....

Ils sont déja intégrés, il me reste qu'a upload la version 1.1 :P
demonstration

Patience

merci

Haruka · octobre 2013

websyys a écrit:

Essaye de supprimer le premier plugin (l'ancienne version), et de réinstaller la nouvelle archive...
Tout est fonctionnel pour ma part.

J'ai toujours le même problème.

La première fois j'ai mis à jour en 1.2 avec MyPluginDownloader.
J'ai donc réessayer :
- suppression du plugin depuis l'admin
- téléchargement du zip directement sur le serveur
- puis j'ai dézippé
- et j'ai activé le plugin depuis l'admin

Si besoin je peux t'envoyer un zip de mon site en question.

websyys · octobre 2013

Oui tu peut m'envoyer une archive

Tu utilises un navigateur en particulier ?
Essaye également les boutons sur mon blog, qui sait.

Haruka · octobre 2013

C'est fait ; envoyé par mail.
J'ai été sur ton site, et effectivement facebook et google+ fonctionnent bien. Le problème est donc de mon coté. J'utilise Firefox 24.

Merci pour ton aide.

bg62 · octobre 2013

P3ter a écrit:

C'est fait ; envoyé par mail.
J'ai été sur ton site, et effectivement facebook et google+ fonctionnent bien. Le problème est donc de mon coté. J'utilise Firefox 24.

Merci pour ton aide.

lut

moi aussi FF24 et je viens de retester = pas de soucis ( connecté aux comptes )
nota : pour mieux tester pour scoop.it ET pinterest il faudrait mettre une image dans un article ...

websyys · octobre 2013

Je vais regarder ton archive, mais le plus simple serait d'essayer avec un autre navigateur, ou bien depuis un pc différent.
Est-ce que tu peut me donner l'url de ton site pour que j'essaye ?

websyys · octobre 2013

Salut p3ter, il me semble que facebook enregistre le titre au moment du premier partage d'une url. Ensuite il faut le modifier manuellement. Essaye donc avec un article de test fraîchement crée.

Ce qui serait bien, c'est que les personnes qui ont installé ce plugin nous donnent quelques retours

Haruka · octobre 2013

websyys a écrit:

Essaye donc avec un article de test fraîchement crée.

J'ai créé un nouvel article, mais j'ai toujours le même problème.

J'ai essayé plusieurs thèmes mais j'ai toujours le même résultat.
Et j'ai essayé sur un autre domaine avec un autre site sous PluXml et la le plugin fonctionne bien.
J'ai donc désactiver tous les plugins sauf SocialButtons, mais toujours le même problème...
Même résultat depuis un autre navigateur et un autre PC derrière une autre box.

websyys · octobre 2013

Le bug provient peut-être du site de partage, puisque le plugin fonctionne bien chez certaines personnes.
Pour facebook, tu peut placer ce code avant la balise </head> :

<?php if($plxShow->mode()=='article'){ ?>
<meta property="og:title" content="<?php $plxShow->pageTitle(); ?>" />
<meta property="og:description" content="<?php $plxShow->meta('description') ?>" />
<?php } ?>

Ce qui devrait normalement afficher le titre et la description au bon endroit.

websyys · octobre 2013

Salut P3ter, ca fonctionne bien ?

Haruka · octobre 2013

Salut,

Non, même avec le code dans <head>. Je l'ai supprimé du coup.
Mais je ne sais pas par quel miracle, ça marche pour Google+ maintenant. Toujours pareil pour Facebook.

J'ai essayé sans le plugin et en intégrant directement, dans les pages, le code qu'a partagé Korben (et sur lequel est basé le plugin). J'ai exactement le même résultat qu'avec.

[Plugin] SocialButtons (facebook, twitter, google+, linkedin)

Réponses