[Résolu] META TAG Facebook : image miniature

Forum où sont déplacés les sujets résolus et les archives de l'entraide phpBB 3.3.x
Règles du forum
Forums des sujets résolus ou archivés de l'entraide phpBB 3.3.x
Les sujets restent ouverts, un certain temps, dans le but d'apporter des informations complémentaires, au besoin.
L'entraide n'est pas autorisée.
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

META TAG Facebook : image miniature

Message

Bonjour à tous,

J'ai installé l'extension Portail.
Lorsque je poste le lien vers le portail sur Facebook, aucune image miniature ne s'affiche.
Comment faire pour corriger ce manque et, par extension, est-il possible de personnaliser le texte qui s'affiche ?

Merci d'avance pour votre aide ;)

Ton sujet à été édité par un modérateur.
Raison : Titre du sujet modifié afin qu'il soit en rapport avec la demande
Modifié en dernier par Rob Luben le 03 juin 2020, 05:49, modifié 1 fois.
Message par Fred »
Avatar du membre
Fred
Messages : 2539
Enregistré depuis : 2 ans 11 mois
Identité : Fred Rimbert
Site internet : https://caforum.fr
Localisation : Pays de la Loire
Intérêt : GitHub

Re: META TAG Facebook : image miniature

Message

Salut
Afin de comprendre, peux-tu préciser comment tu procèdes ?
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Ci-dessous, les éléments pour mieux comprendre.

L'url du portail (insérée dans un message Facebook) : https://www.etc-athletics.fr/ForumETC/app.php
Le visuel affiché sur Facebook :
Image

Objectifs : pouvoir afficher le logo du forum en miniature en partie gauche (rien ne s'affiche actuellement) et personnaliser le texte dans la partie droite.

En espérant avoir été plus clair ;)
Message par Fred »
Avatar du membre
Fred
Messages : 2539
Enregistré depuis : 2 ans 11 mois
Identité : Fred Rimbert
Site internet : https://caforum.fr
Localisation : Pays de la Loire
Intérêt : GitHub

Re: META TAG Facebook : image miniature

Message

OK
Comment de cette URL arrives-tu sur cet affichage Facebook ?
C'est ça que je ne saisi pas, le partage sur Facebook vient forcément d'un message déjà posté sur le forum.
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Lorsque tu saisis une URL sur un message Facebook, le visuel est automatiquement généré par le réseau social.

Concrètement, nous avons un groupe fermé Facebook et, de temps à autres, je poste un message dans notre groupe (message contenant l'URL du portail) pour inciter les membres à venir consulter le forum.
Message par Fred »
Avatar du membre
Fred
Messages : 2539
Enregistré depuis : 2 ans 11 mois
Identité : Fred Rimbert
Site internet : https://caforum.fr
Localisation : Pays de la Loire
Intérêt : GitHub

Re: META TAG Facebook : image miniature

Message

Je comprends mieux
Pour toi est-ce obligatoire que l'URL pointe sur le portail ?
Si oui modifier le texte sera compliqué voir impossible, pour l'image il est possible de l'ajouter manuellement à chaque partage

Je me renseigne afin de savoir si une image peut être ajoutée automatiquement.


Si l'URL n'est pas forcément celle du portail il existe une extension : Share On
Avec cette extension tu as la possibilité de partager un message sur le réseau social. Tu fais ton texte qui va bien, à ce texte tu ajoutes l'image que tu veux et tu cliques sur le bouton de partage Facebook.

Au partage de ce lien tu as ce rendu :

Image
Message par MariePop's »
Avatar du membre
MariePop's
Messages : 163
Enregistré depuis : 2 ans 9 mois
Site internet : https://phpbb-forum.fr/forum
Intérêt : Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

Message

Bonsoir @Rob Luben et @Origin

La vignette affichée par Facebook lors du partage d’un lien est ce qui attire l’oeil de ses amis et connaissances. On peut raisonnablement supposer que Facebook analyse le code source de la page partagée et qu’il propose les images qu’il rencontre sur celle-ci.
Voici l’astuce permettant de forcer cette vignette !

Il faut coller ce code dans le template overall_header.html du thème utilisé sur le forum :

Code : Tout sélectionner

<link href="vignette-url" rel="image_src" />
Tout est dans le rel="image_src" !

Pour forcer Facebook à utiliser la vignette de son choix, il suffit d’inclure ce code avant la balise de fermeture /head du template

A noter que Facebook recommande que l'image fasse 200px de largeur. Si la taille de l'image est trop petite, Facebook l’ignorera.
Je conseille d’opter pour une image d’au moins 180 pixels de largeur.
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Merci beaucoup pour ta réponse ! ;)
Message par Rob Luben »
Message déplacé du forum Entraide phpBB 3.3.x vers le forum phpBB 3.3.x - Archives / Sujets résolus par Fred le 03 juin 2020, 07:45

Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

J'ai intégré le code préconisé par Marie Pop's, mais aucune miniature ne s'affiche.
Voici le code, placé entre les balises <head> et </head>

Code : Tout sélectionner

<!-- Image Miniature --><link href="https://www.etc-athletics.fr/ForumETC/Logos/ETC_athletics/200x200.png" rel="image_src" />
Message par MariePop's »
Avatar du membre
MariePop's
Messages : 163
Enregistré depuis : 2 ans 9 mois
Site internet : https://phpbb-forum.fr/forum
Intérêt : Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

Message

Bonsoir @Rob Luben

Si cela ne s'affiche pas lors du partage c'est probablement parce que tu n'as pas vidé le cache après avoir placé le code dans le template. Intervenir dans un template nécessite toujours de vider le cache par la suite.
Je te propose de vider le cache depuis le serveur

J'ai essayé ton lien et la vignette s'affiche bien au partage sur Facebook

Image

Bonne soirée
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Bonjour,

Je viens de tester, à l'instant, après avoir vidé le cache du forum.
Ci-dessous la récupération sur Facebook (absence de l'IMG).
Image

J'ai inséré le code uniquement dans l'overall_header de mon style perso hérité de Prosilver.
Est-ce je dois faire pareil dans l'overall_header de Prosilver ?
Message par Fred »
Avatar du membre
Fred
Messages : 2539
Enregistré depuis : 2 ans 11 mois
Identité : Fred Rimbert
Site internet : https://caforum.fr
Localisation : Pays de la Loire
Intérêt : GitHub

Re: META TAG Facebook : image miniature

Message

Salut
L'ajout d'une image dans le template pour afficher un logo lors d'un partage sur Facebook ne peut que fonctionner qu'en utilisant une extension de partage.
En faisant un copier/coller d'URL sur Facebook il faut ajouter l'image manuellement
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Hello,

Nouveau test à l'instant, l'affichage de la miniature s'est bien fait automatiquement.
Fallait-il un moment avant que la propagation ne se fasse, mystère.
Peu importe, cela fonctionne maintenant.... et grâce à votre aide ;)

Concernant le texte, FB affiche systématiquement le nombre d'utilisateurs en ligne.
Il n'est pas possible de rajouter des META TAGS pour forcer Facebook à afficher ce que l'on veut ?
Message par Fred »
Avatar du membre
Fred
Messages : 2539
Enregistré depuis : 2 ans 11 mois
Identité : Fred Rimbert
Site internet : https://caforum.fr
Localisation : Pays de la Loire
Intérêt : GitHub

Re: META TAG Facebook : image miniature

Message

Effectivement en copiant/collant une URL sur FB la vignette s'affiche bien
Pour les meta tags je ne saurais te dire pour une extension compatible phpBB 3.3.x
Message par MariePop's »
Avatar du membre
MariePop's
Messages : 163
Enregistré depuis : 2 ans 9 mois
Site internet : https://phpbb-forum.fr/forum
Intérêt : Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

Message

Bonjour
Rob Luben a écrit : 04 juin 2020, 06:49
Il n'est pas possible de rajouter des META TAGS pour forcer Facebook à afficher ce que l'on veut ?
Oui oui c'est possible

Insertion des META TAGS Facebook


Il faut placer ce code dans le template overall_header.html du style utilisé pour le forum juste après la balise {META}

Code : Tout sélectionner

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />

<meta property="og:url"                content="lien-du-forum" />
<meta property="og:type"               content="type" />
<meta property="og:title"              content="titre" />
<meta property="og:description"        content="description du partage" />
<meta property="og:image"              content="lien-de-la-vignette" />
Ce code remplace celui existant pour la vignette


avertissement

Il faut vider le cache

Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Message par Rob Luben »
Avatar du membre
Rob Luben
Messages : 67
Enregistré depuis : 2 ans 7 mois
Site internet : https://www.etc-athletics.fr/ForumETC

Re: META TAG Facebook : image miniature

Message

Top !
Merci beaucoup pour ces éclaircissements ;)
Message par MariePop's »
Avatar du membre
MariePop's
Messages : 163
Enregistré depuis : 2 ans 9 mois
Site internet : https://phpbb-forum.fr/forum
Intérêt : Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

Message

Bonsoir @Rob Luben
Peux-tu modifier le code, que je viens de corriger ici #15
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Partagez cette page
Twitter Whatsapp Linkedin Email
Vous devez être membre du forum pour répondre
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.