Implémentation de "Twitter Cards"

[sebastienaubry]

Quand on fait référence à un signalement VelObs sur Twitter, ce serait sympa d'avoir un aperçu (ne serait-ce que la description...)
https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards

Actuellement rien ne s'affiche : https://twitter.com/AxeVertRamee/status/1652596898375630848
C'est "juste" quelques balises <meta> à ajouter.

[gerald2545]

je viens de mettre ça en place. dis moi, si ça te convient :

• titre = commune de l'observation
• description = description de l'observation
• pour l'image, je laisse le logo 2P2R (pas de logo velobs officiel)

[sebastienaubry]

Salut,
ça a l'air de donner ça (donc pas de logo !?) :

Merci, c'est déjà mieux qu'avant

[gerald2545]

hum....le logo passait pas au final, j'en ai changé.
Après la commune, j'ai ajouté la catégorie de l'observation.

ça te va comme ça? je clôture?

[sebastienaubry]

Je ne vois pas la catégorie de l'observation, et je ne vois plus la description.

C'est déjà bien mais on peut s'inspirer de ce que fait Github :

merci beaucoup !

[gerald2545]

Je ne vois pas la catégorie de l'observation, et je ne vois plus la description. C'est déjà bien mais on peut s'inspirer de ce que fait Github :

merci beaucoup !

tu peux me donner le numéro de la fiche velobs qui correspond à ta card STP?

[sebastienaubry]

https://velobs.2p2r.org/index.php?id=4374
c'est mieux. Peut-être en plus l'ID de l'observation : "Observation #4374 - Toulouse"

[gerald2545]

hum, bizarre parce que les balises meta sont OK : < meta name =" twitter:card " content =" summary " /

< meta name =" twitter:title " content =" Toulouse - M12 cédez-le-passage cycliste " /

< meta name =" twitter:description " content =" La visibilité sur la seule voie de voitures qui traverse le passage est excellente. Si le feu piéton est rouge, on peut passer sans aucun danger " /

< meta name =" twitter:image " content =" https://velobs.2p2r.org/resources/images/2p2r_twitter.jpg " /

est-ce à cause de l'accent dans le titre? il faudrait tester avec une catégorie qui n'a pas d'accent. Attention pendant les tests, twitter garde en cache les URL déjà appelées, elles ne se mettent donc as à jour dans la card. il faut chnager d'URL à chaque fois Limitez votre empreinte environnementale liée au numérique en supprimant ce mail après l'avoir traité s'il n'est pas vital VelObs : remontez vos problèmes lors des déplacements à vélo sur le [web](https://velobs.2p2r.org/) ou sur [android](https://play.google.com/store/apps/details?id=org.deuxpiedsdeuxroues.velobs.tlse&hl=fr) (une appli [2P2R](https://2p2r.org/)) [Pedibus labégeois](https://emilepattesblog.wordpress.com/) Soutenez [ICEA](http://icea-enr.fr/), Inititiative Citoyenne pour une Energie Alternative, prenez ou offrez des parts sociales pour devenir co-propriétaire de panneaux photovoltaïques Consommez de l'énergie éléctrique verte renouvelable avec [ENERCOOP](http://www.enercoop.fr/) Envoyé avec la messagerie sécurisée [Proton Mail.](https://proton.me/) Le lundi 29 janvier 2024 à 08:01, sebastienaubry ***@***.***> a écrit :

…

https://velobs.2p2r.org/index.php?id=4374 c'est mieux : [image.png (view on web)](https://github.com/2p2r/velobs_web/assets/41120158/95d7b456-bed4-4387-92a1-0ab5d5f1df1b) — Reply to this email directly, [view it on GitHub](#288 (comment)), or [unsubscribe](https://github.com/notifications/unsubscribe-auth/ACNU2JT2TYB5C4NPL25NT7DYQ5CMFAVCNFSM6AAAAAAXQZEB3WVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMJUGA3TONRUHE). You are receiving this because you commented.Message ID: ***@***.***>

[sebastienaubry]

Oui dans l'exemple donné on voit bien la description maintenant.