Jump to content

[MODULE GRATUIT] Forcer l'image de couverture utilisée par Facebook


jeckyl

Recommended Posts

Bonjour,

voici un nouveau petit module gratuit qui va vous permettre de définir clairement l'image utilisée par Facebook si on partage le lien de votre produit.

Le module rajoute simplement une petite ligne de code sur chaque page produit en définissant l'image de votre Cover (l'image utilisée comme couverture dans votre site) comme étant celle que Facebook devra utiliser.

Sachez qu'il ne faut pas que cette image fasse moins de 200px, le module propose justement de définir le format d'image à utiliser suivant votre configuration.
 

facebookqvt.png
Téléchargez directement le module

Testé sur :

  • PS 1.1
  • PS 1.2
  • PS 1.3
  • PS 1.4
  • PS 1.5
  • PS 1.6
Edited by jeckyl (see edit history)
  • Like 2
Link to comment
Share on other sites

  • 1 month later...
  • 2 weeks later...
  • 8 months later...
  • 4 weeks later...

Bonsoir, et bien pour moi sous ps 1.4.5.1,ca ne marche pas, je ne vois pas de différence avec ou sans le module...

J'ai aussi essayé un autre module (http://boutique.weacms.com/fr/home/3-facebook-opengraph.html) mais cela ne change rien non plus!

Je vais essayer cette méthode cette nuit --> http://www.prestashop.com/forums/topic/112199-choix-image-facebook/?hl=%2Bfacebook, mais j'aurais préféré un module pour que ce soit plus simple alors avez vous d'autres solutions?

Merci de votre aide

Link to comment
Share on other sites

Bonjour,

 

vous ne voyez pas la différence à quel niveau ?

Car au dernières nouvelles ce modules fonctionnait très bien, mais peut être que j'ai loupé une modification chez Facebook.

En fait, quand je partage un article, l'image proposée en premier est celle des frais de port offert (en haut a droite de mon site) et des fois il y a d'autres photos proposée mais en 2eme (notamment mes deux dernier articles mis en ligne, pour le dernier il n'y a que la photo de frais de port offert qui est partagée et pour l'avant dernière, la photo des frais de port offert et en deuxieme la photo de l'article...

Quand je desactive le module, c'est la meme chose...

c'est différent suivant les articles et je n'arrive pas a savoir pourquoi

Merci d'avance de votre aide

Cordialement

Link to comment
Share on other sites

Un petit exemple du problème,

sur ce produit --> l'image est celles des frais de port gratuit et il n'y a pas d'autres choix et sur ce produits --> 2 images sont proposées, en premiers les frais de port et en second, l'image du produit mal cadrée

De plus, sur mes 2 profils facebook, ce n'est pas la même chose car le partage est identique sur mon premier profil mais je n'ai pas d'autre image que les frais de port sur le second article et je n'ai pas la case "pas de vignette" avec mon deuxieme profil

D’où peu venir le problème?

Merci d'avance de votre aide

Link to comment
Share on other sites

Bonjour,

 

je viens de tester ce module sur une 1.4 sans le moindre soucis, l'url de la couverture au format désiré est bien inscrit dans le code source de la page produit et elle est bien remonté au niveau de facebook lorsque je partage le lien.

 

Dans le code source avez vous bien la ligne

<link href="http://url.net/1-37-large/ipod-nano.jpg" rel="image_src"  />

qui permet de définir l'url de l'image que facebook doit utilisé ?

Link to comment
Share on other sites

  • 1 month later...

Bonjour,

 

idem pour moi, petit souci les images n'apparaissent pas lorsque je fais un partage facebook, sauf quelques produits.

 

Auriez vous une solution ?

Bonjour,

 

votre soucis concernen le site présent dans votre signature ? car je n'arrive pas du tout à y accéder pour contrôler votre soucis.

Link to comment
Share on other sites

  • 3 months later...

Bonjour,

 

Votre module est compatible 1.6 ? Il m’intéresse grandement si j'ai bien compris il permet d'afficher la bonne image produit lors du partage facebook via le bouton facebook share ?

 

Merci.

Link to comment
Share on other sites

  • 2 weeks later...

Bonjour,

 

Impossible pour moi d'avoir l'image correspondante au produit et ce même avec le module installé.

J'utilise la version 1.4.7.3 et le thème prestashop-alt. (Je rencontre le même problème avec un autre thème)

Que faut-il modifier dans le code ?

AI-je oublié une manip ?

 

Merci de votre aide !

Link to comment
Share on other sites

Bonjour,

 

Après moult essais, toujours pas de succès pour voir apparaitre la bonne image quand je partage un produit sur facebook.

Le module ne semblant pas fonctionner pour moi, je voudrais essayer de changer "manuellement"

Où dois je rajouter du code ?

Dans le product.tpl ?

Dans le tpl du module sharefb ?

 

Merci de votre aide !

Link to comment
Share on other sites

Ok, merci !

 

Sans avoir télécharger la nouvelle version du module et après l'ajout de plusieurs produits, étrangement, j'ai eu les bonnes images dans mes liens facebook... même si ça reste aléatoire en fonction des produits...

Je vous conseille donc de télécharger la dernière version cela devrait corriger tous les soucis.

Link to comment
Share on other sites

  • 6 months later...
  • 2 months later...

Bonjour,

Je suis sous prestashop 1.6.013 avec la dernière version du module et j'ai toujours l'image de mon logo qui apparaît.

Tout ce que je vois comme démo se passe sous le template normal. Je suppose donc que c'est mon utilisation du template default-bootstrap qui pose problème.

C'est pourtant le module proposé par défaut de prestashop depuis sa version 1.6.

l'adresse de ma boutique est: https://shopdhel.be

Merci d'avance pour la solution éventuelle :)

Bon week-end

Link to comment
Share on other sites

Bonjour,

Je suis sous prestashop 1.6.013 avec la dernière version du module et j'ai toujours l'image de mon logo qui apparaît.

Tout ce que je vois comme démo se passe sous le template normal. Je suppose donc que c'est mon utilisation du template default-bootstrap qui pose problème.

C'est pourtant le module proposé par défaut de prestashop depuis sa version 1.6.

l'adresse de ma boutique est: https://shopdhel.be

Merci d'avance pour la solution éventuelle :)

Bon week-end

Bonjour,

 

pour connaitre les soucis liés à votre boutique testez la avec https://developers.facebook.com/tools/debug/og/object/

Link to comment
Share on other sites

Bonsoir...

J'ai encore cherché en "jouant" avec le cache mentionné dans le message d'erreur et ça ne change rien.

Ne maîtrisant pas l'anglais je ne comprends pas ce que veux dire "no data was scraped".

Désolée si ça paraît idiot, mais il y a un début à tout.....

Merci pour l'aide que vous pourriez m'apporter!

Bonne soirée

Link to comment
Share on other sites

Bonsoir :)

Oui, c'est ce que j'avais cru voir dans le code..... Mais comme l'image c'était aussi l'image de mon logo qui apparaissait, j'ai téléchargé votre extension dans l'espoir.....

J'ai essayé en désactivant, désinstallant tout et en remettant mais rien n'y fait....

Je désespère, lol!

J'en viens à me demander si en désinstallant, c'est pas un peu comme dans Windows..... que ça se désinstalle pas tout à fait en fait :(
Je vais tester.... ;)

Link to comment
Share on other sites

Bonjour :) Me revoilà....

Bon, apparemment le problème ne vient pas de votre module, en tous les cas chez moi.

Vu que le template par défaut contenait déjà les balises og: j'ai commencé par désinstaller complètement votre module.

Puis par tout recommencer de zero! (Haureusement que ma boutique ne contient pas (encore) 5000 articles, lol!)Mon problème est toujours là.

Je vais faire un autre post, vu que là cela ne traite plus du module en question et que j'ai des bizarreries ;)

Merci en tous les cas pour vos tentatives de réponse ;)

Bonne journée

Link to comment
Share on other sites

  • 2 weeks later...

Bonjour,

J'ai le même pb je je ne sais pas comment m'en sortir... parfois le partage affiche une image du produit, parfois le "logo" du site

sur la page de débug de FB j'obtiens toujours le même message : Error parsing input URL, no data was cached, or no data was scraped.

Si vous pensez pouvoir m'aider, mettez moi un MP (sur ce Forum) avec votre num IP car mon site est en maintenance...
Merci de votre aide


 

Link to comment
Share on other sites

Bonjour,

 

J'ai le même pb je je ne sais pas comment m'en sortir... parfois le partage affiche une image du produit, parfois le "logo" du site

 

sur la page de débug de FB j'obtiens toujours le même message : Error parsing input URL, no data was cached, or no data was scraped.

Si vous pensez pouvoir m'aider, mettez moi un MP (sur ce Forum) avec votre num IP car mon site est en maintenance...

Merci de votre aide

 

 

en même temps avec une boutique en maintenance Facebook ou moi on ne peut rien faire.

Link to comment
Share on other sites

Non je ne vois pas qui contacter chez FB... et je pensais qu'un forum sur prestashop serait la meilleure solution

Alors, lorsque vous faites vos tests est ce que votre site est en maintenant ou pas car si il est en maintenance il vous suffit de retirer celle ci lors e vos tests.

Link to comment
Share on other sites

Je viens de faire le test en activant la boutique : partage d'un produit ok l'image est la bonne, test d'un second produit, de nouveau le logo est la place de l'image... donc en maintenance ou active le pb est le même.

J'ai une question : quel est le module de "partage sur FB" ? en effet j'en ai deux : 

Fonctionnalités Front Office

Bouton de Partage Facebook v1.2.2 - par PrestaShop

Permet à vos clients de partager vos produits ou contenus sur Facebook.

et

-Réseaux sociaux

Partager le produit sur Facebook v1.0 - par Brice Hardy

Ajoute un bloc permettant d'avoir un lien "Partager sur Facebook" sur les pages produits.

Link to comment
Share on other sites

Bon on va essayer d'expliquer plusieurs choses. déjà répété ici même mais bon c'est au développeur de module gratuit de répéter plutôt que l'utilisateur de lire ce qui a déjà été dit. Je comprends maintenant pourquoi tous les autres dev de module gratuit écrivent en gros PAS DE SUPPORT.

 

Facebook a un cache actif à vous de trouver comment le rafraichir afin d'afficher le bon résultat. Pour connaitre aussi la bonne image forcé il suffit de regarder votre code source et aussi de lire des documentations.

 

Pour votre seconde question ... Comment voulez vous que je vous réponde ????

  • Like 2
Link to comment
Share on other sites

Bonjour, je suis navré de voir que vous pensez que je suis venu chercher un "support" de la part de l'éditeur du module, cela n'est pas mon but, et c'est encore pour cela que j'utilise le forum de PS, il y a sans doute des utilisateurs qui ont eu le pb et l'on résolu d'eux même, après si personne ne me réponds (mis à part vous) je n'en suis pas responsable. Désolé de vous avoir fait perdre du temps

Ceci dit, même en utilisant le "programme de débug de FB et en purgeant le cache avec, cela ne fonctionne pas...

.

 

 

 

Pour votre seconde question ... Comment voulez vous que je vous réponde ????

 

Je vais donc reformuler ma question : J'ai deux modules de partage, lequel est le plus approprié / compatible avec le module "forcer l'image de couverture utilisée par facebook"

Bon dimanche.
 

Link to comment
Share on other sites

ok, donc vous avez un soucis sur votre site, avez vous compris les remarques de Facebook à ce sujet, êtes vous capable de lire le code source de votre site pour y retrouver tous les éléments nécessaires à Facebook ?

 

Pour votre soucis de partage sur les réseau sociaux je vous répondrais que les 2 sont totalement inutiles ! Mais bon je ne connais pas votre activité, je ne connais pas votre plan de communication média, je ne sais pas quel budget vous avez alloué à votre plan marketing ...

 

Je rappel que ce module ne fait que rajouter une ligne de code pour faire comprendre à facebook, l'url de l'image de couverture du porduit, rien d'autre donc si cela ne fonctionne pas bien dans 99,99% des cas cela vient de votre site et en aucun cas de ce module qui ne fait rien, c’est pour cela qu'il est gratuit.

Link to comment
Share on other sites

 

 

ok, donc vous avez un soucis sur votre site, avez vous compris les remarques de Facebook à ce sujet, êtes vous capable de lire le code source de votre site pour y retrouver tous les éléments nécessaires à Facebook ?

J'arrive bien à voir le code, soit par "afficher le code source" ou par "inspecter", mais je ne sais pas quelle info rechercher...

 

 

 

Pour votre soucis de partage sur les réseau sociaux je vous répondrais que les 2 sont totalement inutiles ! Mais bon je ne connais pas votre activité, je ne connais pas votre plan de communication média, je ne sais pas quel budget vous avez alloué à votre plan marketing ...

Bon alors moi qui pensais qu'ils étaient là pour nous aider, et surtout "inciter" les clients à partager.

Concernant - mon activité : maroquinerie "spécialisée"

- plan de comm, j'utilise que FB

- Budget marketing : pas défini pour le moment, je suis en train de faire un changement de statut donc activité en "stand-by" 

 

Le site est en maintenance car je profite de cette pause pour faire une mise à jour de PS 1.5.6 -> 1.6.0.14

 

J'ai lu dans un post précédent qu'il pouvait avoir conflit entre module ? et le template, mais j'ai pas compris comment détecter cela. Mon thème : http://addons.prestashop.com/demo/FO2113.html (payant) 

 

 

Link to comment
Share on other sites

j'ai regardé votre template donc pas de soucis il ne comporte aucun éléments demandés par Facebook.

 

Concernant le partage sur les réseaux sociaux de produits à vendre ... c’est presque nul inexistant inutile absent des partages de vos potes. En gros on partage facilement de l'information pas des produits à vendre.

Regardez votre fil d'actualité et faites le ratio entre les produits mis en avant et les articles d'information et vous comprendrez rapidement.

 

C'est pour cela que l'on explique depuis des années qu'il faut faire des articles de contenu présentant votre métier (sachant que le votre est super intéressant et rempli de conseil sur l'entretien ou autre) ils ont plus d'impactent que votre site de vente en ligne.

  • Like 1
Link to comment
Share on other sites

Merci de votre aide. je vais laisser tomber cette possibilité, comme vous le dites, il n'y a pas de partage depuis un site commercial. Il est donc inutile de "passer" plus de temps dessus.

Merci encore de votre aide.

 

Link to comment
Share on other sites

  • 2 weeks later...

Bonjour à tous,

 

Votre module (merci pour le partage) pourrait-il régler mon problème ?

 

Je ne peux pas partager « proprement » (photo, résumé) le moindre lien de mon site (article blog, lien produit…) sur les réseaux sociaux et notamment ma page Facebook.

 

C’est comme si mon thème / site / hébergement (ovh) bloquait ce suivi depuis un scan externe comme Facebook.

 

D’après vos expériences, savez-vous comment faire accepter ce type de scan externe ?

 

Merci par avance pour vos retours d’expérience !

 

Sébastien.

http://www.wineandbee.com/

Link to comment
Share on other sites

  • 4 months later...

Bonjour !

 

Merci pour ce module gratuit :)

 

Je souhaiterais savoir si ça forcerait l'image d'un article de blog, car quand je relai sur FB, l'image qui apparaît est celle de l'article précédent. Merci

 

Bonjour,

 

bien entendu que non le module ne prendra pas en compte les images des articles de blog car cela n'est pas un élément de base de PrestaShop.

Link to comment
Share on other sites

Nouvelle version du module

Version 1.2.0 (09/09/2015)

  • Respect norme PSR-2 pour le codage
  • Ajout de la compatibilité PrestaShop Cloud
  • Modification graphique pour la version 1.6 de PrestaShop
  • Amélioration du code OpenGraph pour transmettre aussi les dimensions de l'image et accélérer le partage de vos produits.
  • Like 1
Link to comment
Share on other sites

  • 3 weeks later...
  • 2 weeks later...

Bonjour,

Tout d'abord merci pour votre travail.

J'ai quand même un petit souci, le module fonctionne bien mais, alors que je l'ai configuré pour partager les "images home_default 250x250" ce sont les images "large_default 458x458" qui apparaissent sur Facebook.

Que ce soient les grandes images qui apparaissent sur FB ne me gène pas trop mais le problème c'est qu'elles apparaissent coupées :-(.

Je suis sur PS 1.6.0.14, j'ai testé sur un site de test et sur le site de prod, ca fait exactement la même chose ?

J'ai lu tous les post ci-dessus et je ne vois pas comment je peux régler ce problème.

Merci pour votre aide

 

EDIT : dans le source, j'ai ça dans le head :

<meta content="http://www.monsite.com/257-large_default/prelude.jpg" property="og:image">
<meta content="http://www.monsite.com/257-home_default/prelude.jpg" property="og:image">
<meta content="250" property="og:image:width">
<meta content="250" property="og:image:height">

C'est ce qu'il faut ?

 

J'ai essayé de changer le format dans le module, pas de changement sur FB

Dernière chose, en multipliant mes tests, je me suis apperçu que l'image n'apparassait pas à tous les coups et que dans ce cas, il fallait vider le cache du navigateur pour que l'image apparaisse...

 

Merci encore pour votre aide

Edited by pierrewebmaster (see edit history)
Link to comment
Share on other sites

Bonjour

Tout d'abord merci pour votre travail.

J'ai quand même un petit souci, le module fonctionne bien mais, alors que je l'ai configuré pour partager les "images home_default 250x250" ce sont des images plus grandes qui apparaissent sur Facebook.

Que ce soient les grandes images qui apparaissent sur FB ne me gène pas trop mais le problème c'est qu'elles apparaissent coupées :-(.

Je suis sur PS 1.6.0.14, j'ai testé sur un site de test et sur le site de prod, ca fait exactement la même chose ?

Merci pour votre aide

Peut être une explication : http://www.blogdumoderateur.com/taille-images-facebook/

Link to comment
Share on other sites

Merci pour votre réponse

Mais je ne crains qu'il n'y ai pas d'explication de ce coté là.

Quand on examine le source de la page FB, on voit que l'image s'affiche dans une div avec les dimensions width="487" height="255", même dimensions pour l'image.

Donc, si je configure le module pour des images de 250x250, la hauteur de la div de FB devrait permettre l'affichage de mon image.

Voir les résultats de mes tests ajoutés en edit de mon précédent post ici .

Merci encore pour vos idées

Link to comment
Share on other sites

Bonjour,

Tout d'abord merci pour votre travail.

J'ai quand même un petit souci, le module fonctionne bien mais, alors que je l'ai configuré pour partager les "images home_default 250x250" ce sont les images "large_default 458x458" qui apparaissent sur Facebook.

Que ce soient les grandes images qui apparaissent sur FB ne me gène pas trop mais le problème c'est qu'elles apparaissent coupées :-(.

Je suis sur PS 1.6.0.14, j'ai testé sur un site de test et sur le site de prod, ca fait exactement la même chose ?

J'ai lu tous les post ci-dessus et je ne vois pas comment je peux régler ce problème.

Merci pour votre aide

 

EDIT : dans le source, j'ai ça dans le head :

<meta content="http://www.monsite.com/257-large_default/prelude.jpg" property="og:image">
<meta content="http://www.monsite.com/257-home_default/prelude.jpg" property="og:image">
<meta content="250" property="og:image:width">
<meta content="250" property="og:image:height">

C'est ce qu'il faut ?

 

J'ai essayé de changer le format dans le module, pas de changement sur FB

Dernière chose, en multipliant mes tests, je me suis apperçu que l'image n'apparassait pas à tous les coups et que dans ce cas, il fallait vider le cache du navigateur pour que l'image apparaisse...

 

Merci encore pour votre aide

Le fait que vous aillez 2 fois la même ligne d'adresse image n'est pas normal.

 

regardez dans votre template si vous n’auriez pas déjà cette information codé en dure dans le fichier header.tpl.

Link to comment
Share on other sites

Bonjour et merci Mediacom87

 

Oui c'est vrai, je ne comprend pas pourquoi, j'ai rien en dur dans le header.tpl

 

J'ai testé de désactiver le module et du coup dans le source, j'ai que cette ligne :

<meta content="http://www.monsite.com/257-large_default/prelude.jpg" property="og:image">

Et quand je réactive le module, cette 2ème ligne réapparait :

<meta content="http://www.monsite.com/257-home_default/prelude.jpg" property="og:image">

Ma question, est-ce que la première ligne devrait être remplacée par celle du module, ou par défaut cad sans le module, je ne devrais pas avoir de ligne du tout ? Dans ce cas, qu'est-ce qui pourrait générer cette première ligne ?

 

 

J'espère que je suis assez clair...

Merci encore

Edited by pierrewebmaster (see edit history)
Link to comment
Share on other sites

Je reviens vers vous avec de nouveau éléments :

 

La réponse de PrestaEdit concernant un éventuel conflit me répond que les modules n'ont aucun lien...

 

Donc je cherche toujours une solution.

 

Quand vous dites :

 

en désinstallant le module vous ne devriez pas avoir de ligne.

 

J'ai pourtant fait un test sur une installation de PS vierge, toujours en 1.6.0.14, et bien j'ai la ligne par défaut :

<meta content="http://www.monsite.com/ps16test/8-large_default/robe-imprimee.jpg" property="og:image">

et si j'installe le module et que je le configure avec les images 250x250, j'ai les deux lignes :

<meta content="http://www.monsite.com/ps16test/10-large_default/robe-imprimee.jpg" property="og:image">
<meta content="http://www.monsite.com/ps16test/10-home_default/robe-imprimee.jpg" property="og:image">

???

Merci pour votre aide

Link to comment
Share on other sites

  • 1 year later...
  • 4 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...