Images Open Graph Protocol ou autre


#1

Bonjour,

Je cherche à insérer une image d’un lien URL comme là
https://i.imgur.com/ICmeatT.png

Parce que ça serait trop simple je n’ai pas le lien des images à insérer. J’ai un lien URL et je voudrai utiliser l’image aperçu comme ce que l’on voit sur Facebook mais pour l’insérer en image de fond sous le titre…
Le code HTM du truc <div class="image" style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), url({{URL Image d’aperçu}}) no-repeat;"></div>

Voilà ce que j’ai pour l’instant sans image

Les urls se trouve dans les :heavy_plus_sign:

J’ai regardé du côté de http://ogp.me/ mais je ne comprends pas grand chose.

Est-ce-que quelqu’un à une idée ? Est-ce-que j’ai été compréhensible ?


#2

Tes urls ne sont pas accessible, il faut se logguer pour les atteindre.
Ceci dit, ton code HTML semble correct, mise à part qu’il manque la class CSS (.image).


#3

Il te faut quelque chose qui récupère l’image à partir de l’URL (il télécharge l’HTML du site et en ressort une image, soit à partir des tags opengraph soit en récupérant une image dans le corps de la page). Ça peut se faire en javascript si tu peux en mettre sur la page.

Sinon il faut un service externe qui renvoie l’image quand on lui fournit l’URL. Un peu comme https://www.opengraph.io/ mais au lieu de te renvoyer du JSON il renverrait direct l’image. C’est pas très compliqué à faire mais il faut un serveur pour héberger le service.


#4

Je n’y comprends mais il semblerait qu’on puisse en mettre dans le Template

Onglet du tableur ou stocker le Script

Les URL sont dans l’onglet 2018 colonne URL1

De la je ne sais pas trop quoi faire.