Appel de lien par une image dans Facebook

dimanche 3 avril 2016
par  JMG
popularité : 3%

Poulette Nègre Soie arrivée le 1er octobre 2013 dans le jardin, repartie une nuit de décembre dans le ventre d’une bestiole....










Article sans intérêt pour une page où ça marche tout seul
Mais la méthode est à garder en mémoire pour d’autres applications...

Pour appeler une page depuis Facebook il suffit de rentrer son url
Facebook se dépatouille et laisse le choix d’images du site distant
Si on veut utiliser une image à soi, il faut entrer quelques lignes en HTML mais on ne peut pas le faire directement
Dans son excellent tuto sur le sujet, Yael Lasry (yaellasry.com) propose l’utilisation de TabPress, remplacé par StaticHTML
On charge puis ouvre cette application puis on ouvre une page, <html> <body> dans laquelle vient la syntaxe habituelle : dans un conteneur on place l’url du site distant avec l’attribut target="_blank", puis les coordonnées de l’image qui va servir d’appel du lien.
Malheureusement il faut que l’url de l’image soit en https depuis un site crypté cequi nécessite l’achat d’une clé (SSD...)
Comme Facebook est crypté, l’idée est de mettre l’image à utiliser sur une de nos pages, une autre solution étant d’utiliser un site ad’hoc gratuit, mais perso je n’aime pas trop ça car si le site ferme....
Du reste c’est cette technique qu’utilise Yaelle
Facile de créer l’image sur Facebook reste à en trouver l’url
Sous Firefox ça se fait avec Firebug, clic droit sur l’image, "Examiner l’élément" et pêcher le bout de code-qui-va-bien c-à-d l’url de l’image
Elle commence par https, facile de la tester en rentrant le-dit bout de code dans la case url du navigateur pour voir si ça marche, c vite fait, il n’y a pas beaucoup de possibilités
Et voilà
A titre d’exemple voici le lien proposé pour accéder au site de vente en ligne weezevent depuis une de mes images :

  1. <Title>Concert MOZART du samedi 9 avril 2016, lien réservation en ligne</Title>
  2. </head>
  3. <body>
  4. <DIV align="center">
  5. <H1>Concert MOZART du samedi 9 avril 2016, lien réservation en ligne</H1>
  6.  
  7. <BR/>
  8. <BR/>
  9. <a href="https://www.weezevent.com/mozart-requiem-2" target="_blank">
  10. <img src="https://scontent-ams3-1.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/12963361_1182122461811527_5208180476866060856_n.jpg
  11. ?oh=8d43da1e374e7bea61bc26e076857dc1&amp;oe=57BCFA24"></a>
  12. </DIV>
  13. </body>
  14. </html>

Télécharger

Le résultat est visible sur ma page "Mille petites curiosités", onglet "Concert Paris"


Agenda

<<

2018

 

<<

Septembre

 

Aujourd’hui

LuMaMeJeVeSaDi
272829303112
3456789
10111213141516
17181920212223
24252627282930
Aucun évènement à venir les 6 prochains mois