Partage sur les reseaux sociaux sous Joomla 4

[daneel]

Les balises open graph permettent d'indiquer certaines valeurs comme l'image, descriptif pour les réseaux sociaux.
Cela évite d'avoir des erreurs comme une image qui ne correspond pas à l'article partagé sur facebook.

A titre d'infos, si vous avez un doute, vous pouvez tester l'url de votre site ou de votre article sur le debug de facebook :

https://developers.facebook.com/tools/debug/

Sous Joomla 3, certains framework de template gèrent ces balises et intègrent le choix de l'image.
Nous avons également d'excellents plugins comme social meta d'Emmanuel Danan : https://github.com/vistamedia/socialmeta

Sous Joomla 4, des frameworks de template comme astroid de joomdev fonctionne également : https://www.joomdev.com/astroid

Cependant j'ai eu l'occasion de découvrir un nouveau plugin libre et gratuit pour générer automatiquement des images Open Graph fonctionnant sur Joomla 3 et Joomla 4 :

Social-magick de LucidFox



A la différence des autres solutions, ce plugin vous permet de générer automatiquement des images Open Graph pour les pages de votre site, en superposant du texte et des graphiques sur une image ou un fond de couleur unie. Les images Open Graph sont utilisées par les sites de médias sociaux lors du partage d'une URL vers l'une des pages de votre site.

Ce plugin a les pré-requis suivants:

• Joomla 3.9 ou toute version 3.x ultérieure; ou Joomla 4.0
• PHP 7.2, 7.3, 7.4 ou 8.0
• L'extension PHP Imagick ou GD installée et activée. (Si vous ne savez pas comment procéder, demandez à votre hébergeur.)

Démarrage rapide

• Téléchargez et installez le fichier ZIP du plugin : https://github.com/lucid-fox/social-magick/releases .
• Publiez le plugin Système - Social Magick.
• Modifiez l'élément de menu dont vous souhaitez que les images Open Graph soient automatiquement générées. Dans son onglet «Images Open Graph»:
• Réglez « Générer des images Open Graph » sur Oui.
• Sélectionnez le modèle Solid.
• Enregistrez votre élément de menu.
• Accédez à metatags.io et collez l'URL de la page de votre site qui correspond à l'élément de menu que vous avez sélectionné. Vous pouvez maintenant voir qu'il a une image d'aperçu.
• Si vous avez des éléments de menu avec des catégories de contenu principal (articles Joomla) et des articles qui utilisent des images, vous pouvez sélectionner le modèle de superposition. Vous devrez régler l'option «Source d'image supplémentaire» sur «Image d'introduction» ou «Image de l'article complet», selon l'image que vous souhaitez utiliser.

Les modèles fournis sont donnés à titre d'exemples; Bien que vous soyez invités à les utiliser sur votre site en direct, vous pouvez également remplacer les images d'exemple par celles qui n'ont pas le filigrane Social Magick.

Merci à Crystal de Lucid-Fox pour ce partage

[woluweb]

Je l'ai installé l'autre jour (sur J!3, je suis impatient d'avoir J!4 mais c'est encore un peu prématuré ) et c'est vrai que c'est cool comme extension.

Avec l'aide de Nicholas (d'Akeeba) pour le développement d'ailleurs. Donc question code, ça doit être propre

[herve]

Moi j'utilise https://extensions.joomla.org/extension/ochopengraph/ pas cher et plutôt bien fait mais je bute sur la non prise en compte de custom fields que j'utilise notamment ceux de Tassos (ACF: vidéos, soundcloud ...) , Econa (image) ...

Est-ce que vous savez si vos extensions permettent bien la publication des custom fields sur facebook car j'ai demandé à Tassos qui mettra peut-être cette demande sur sa liste (par expérience j'en ai qui remonte à des années comme l'auto complémentation sur champ de saisie OSM!!).
Bien sur je basculerai sur la meilleure qui sera aussi sous Joomla 4

[Tortue Genial 69]

je sens que cela va être bien pratique ça ;-)
par contre je ne la trouve pas sur la GED.
j'imagine qu'elle intègre bien le système d'auto update de joomla, etc..?

[daneel]

par contre je ne la trouve pas sur la GED.
j'imagine qu'elle intègre bien le système d'auto update de joomla, etc..?

Cela peut mettre un certain temps avant la validation pour être publié sur la JED (Joomla Extension Directory)
mais cela nous empêche pas de profiter librement et gratuitement de ce cadeau

C'est un gain de temps quand il s'agit de trouver la bonne image pour chaque article et surtout le bon format
car entre les différents réseaux sociaux, c'est assez long à gérer donc si vous avez beaucoup d'articles,
c'est une sacré économie de temps et le rendu est magnifique !

Quand un projet est sur github, on peut également créer le fichier xml pour lier les versions et mise à jour.
donc oui, l'utilisation inclus les mises à jour automatiques :

https://raw.githubusercontent.com/lucid-fox/social-magick/main/update/socialmagick.xml

Ce qui est également top, c'est de pouvoir commencer de nouveaux projets sous joomla 3 puis quand joomla 4 sera stable de migrer sans difficulté
Le composant de pre-validation de joomla 3.10 indiquera que l'extension fonctionne sur joomla 4.

Et comme l'indique Marc, Nicholas est un très bon développeur, cela me suffit amplement comme garantie.

[Tortue Genial 69]

oui je suis d'accord, c'est un excellent développeur et donc un gage de qualité.
surtout vu les produits Akeeba.
et c'est clair que cette extension peut faire gagner pas mal de temps, je vais tester tout ça

[herve]

Bonjour,
relance dès fois que

...
Est-ce que vous savez si ces extensions permettent bien la publication des custom fields sur facebook car j'ai demandé à Tassos qui mettra peut-être cette demande sur sa liste ..

Même si les custom fields sont natives depuis pas mal d'années, mon expérience me montre que les dev' n'intégrent pas énormément une pleine compatibilité !

[hervelam]

Bonjour,
Pas de mise à jour de Social Magick ?
Il n'y a pas de prise en compte Instagram dedans !!

Devrais-je opter pour un autre plug-in, ou y a-t-il moyen de le rajouter (comment ?) ?
En vous remerciant,
Hervé

[woluweb]

salut hervelam
la capture d'écran que tu montres n'a rien à voir avec Social Magick (de Crystal aka Lucid Fox & Nicholas aka Akeeba)

[hervelam]

salut hervelam
la capture d'écran que tu montres n'a rien à voir avec Social Magick (de Crystal aka Lucid Fox & Nicholas aka Akeeba)

Bonjour,
Oui et non.
Effectivement, il s'agit d'une capture d'écran de la définition d'un champ sous Flexicontent.
Mais... sauf erreur de ma part, c'est l'incorporation du plug-in Social Magick qui permet d'avoir les cases à cocher de ces réseaux sociaux, et donc à l'affichage dans mon site les boutons et la gestion qui va avec.

À bientôt,
Hervé

[daneel]

Bonjour,
Oui et non.
Effectivement, il s'agit d'une capture d'écran de la définition d'un champ sous Flexicontent.
Mais... sauf erreur de ma part, c'est l'incorporation du plug-in Social Magick qui permet d'avoir les cases à cocher de ces réseaux sociaux, et donc à l'affichage dans mon site les boutons et la gestion qui va avec.

À bientôt,
Hervé

? Il n'y a pas confusion entre social meta d'Emmanuel et social magick de nicholas ?
Emmanuel Danan étant celui qui a créé à l'origine flexicontent.

De plus social magick ne créé pas de bouton de partage mais gère les balises open graph

[hervelam]

? Il n'y a pas confusion entre social meta d'Emmanuel et social magick de nicholas ?
Emmanuel Danan étant celui qui a créé à l'origine flexicontent.

De plus social magick ne créé pas de bouton de partage mais gère les balises open graph

Merci pour ta réponse.
J'avais effectivement Socialmeta, mais je l'ai désactivé car, de mémoire, il ne marchait plus depuis que je suis passé à Joomla4.
De mémoire toujours, c'est à ce moment-là que j'ai installé Social Magick. Pour remplacer, pensais-je. Mais tu as raison, c'est 'juste' pour les balises Open Graph.
Faudrait que je fasse quoi alors ? Il y a un Socialmeta plus récent et à jour ? Ou je dois prendre une autre extension ?

Hervé

[daneel]

Les boutons de partage, bien que parfois considérés comme désuets, restent pertinents si on tient compte de l'audience, du choix des boutons, de l'expérience utilisateur et, indirectement, des effets sur le SEO et la visibilité. Je ne vais pas rentrer dans les détails ici, les informations sont facilement accessibles.

Personnellement, j'utilise ceux de mon template personnalisé, basé sur le script Shariff, disponible également en tant qu’extension développée par l'agence allemande Joomla Agency : Lien vers Shariff.

L'objectif initial de ce script était de supprimer les trackings associés aux boutons fournis par les réseaux sociaux. Certaines solutions de partage, comme AddThis, ont disparu pour cette raison (voir l'article Wikipedia), mais d'autres persistent, comme AddToAny qui propose également une extension Joomla : Lien vers AddToAny.

Une autre option intéressante est l'extension développée par Jeroen aux Pays-Bas : https://github.com/Joomill/Socialshare

Pourquoi Shariff ? C’est la première solution qui m'a permis de compter le nombre de clics sur les boutons de partage sans recourir au tracking, respectant ainsi les règles de confidentialité. Disposer d'un minimum de statistiques me semble essentiel si on choisit d'afficher ces boutons, sinon cela perd de son intérêt.

Pour ma part, je n'intègre plus systématiquement les boutons de partage, car les partages se font davantage depuis les pages que l’on crée directement sur les réseaux sociaux, comme Facebook. Avec des publications régulières, on obtient de meilleurs résultats et on peut ajuster le message d'accroche, donnant ainsi une dynamique plus percutante tout en valorisant le contenu différemment.

En ce qui concerne la compatibilité avec Flexicontent, je n’utilise pas ce CCK (ni pratiquement aucun autre, car je reste très attaché aux fonctionnalités natives avec les champs personnalisés), mais je suis sûr que l’une de ces trois solutions pourra s’intégrer facilement.

Bon courage dans ta recherche!

Yann

[hervelam]

Merci beaucoup pour cette réponse très complète.

Quand j'ai créé mon site, ça me paraissait une bonne idée de mettre à disposition du visiteur ces boutons pour qu'il puisse partager mes fiches sur le réseau social de son choix.
Mais j'avoue que, dans les faits, ces boutons n'ont pratiquement jamais servi, pour ce que j'en ai vu.

Après, c'est aussi de l'affichage, une façon de montrer/suggérer qu'il est toujours possible de partager sur les réseaux sociaux... Et ces petites icônes mettent un peu de couleur et de dynamique dans la page (ha ha).
Je vais étudier tes solutions. Et puis oui, je suis intéressé pour avoir des stats sur les clics, bien sûr.

À bientôt,
Hervé