Tengo un sitio de viajes con una URL como esta
http://www.mysite.tv/index.php?destination=somePlaceY cuando comparto la url en Facebook, Telegram y Whatsapp quiero mostrar una imagen para cada destino.
Para esto en mi index.php tengo
<meta property="og:image" class="htmlImage" content="https://www.mysite.tv/img/img_<?php echo $_GET['destination'];?>.jpg" />y en la carpeta img tengo la imagen adecuada para cada ubicación.
Sucede lo siguiente:
Para que funcione en Facebook, utilizo la imagen dinámica pero también una imagen estática genérica, aunque solo se ve la dinámica. De esta manera:
<meta property="og:image" class="htmlImage" content="https://www.mysite.tv/img/img_<?php echo $_GET['destination'];?>.jpg" /> <meta property="og:image" class="htmlImage" content="https://www.mysite.tv/img/generic_image.jpg" />también funciona para Telegram pero esto no funciona para Whatsapp ya que muestra una imagen estática en caché.
Y en Whatsapp solo funciona una imagen estática por lo que no puedo mostrar una imagen para cada uno de los destinos, solo la imagen estática genérica.
<meta property="og:image" class="htmlImage" content="https://www.mysite.tv/img/generic_image.jpg" />¿Es posible hacer algún tipo de programación para que funcione en las tres plataformas?
Si no es posible, principalmente necesito que funcione en Whatsapp, ¿por qué aquí no funciona una imagen dinámica, qué puedo hacer?
PD: por favor entiendan que no es problema de que se muestre o no la imagen, yo sigo los estándares de diseño y las imágenes estáticas siempre se muestran sin problemas. Se trata de una imagen dinámica que se muestra en las etiquetas meta.
¡Gracias! !
Por si alguien lo necesita, he encontrado la solución para mí. Muchas, muchas gracias a lcjr que lo publicó en el sitio de lazacode.
Aquí está:
<meta property="og:type" content="website"/> <meta property="og:site_name" content="Edgeprop.my"> <meta property="og:url" content="<?php echo $ewfUrl; ?>" /> <meta itemprop="url" content="<?php echo $ewfUrl; ?>" /> <meta property="og:image" content="<?php echo $ewfImg; ?>" /> <meta itemprop="image" content="<?php echo $ewfImg; ?>" /> <meta name="image" content="<?php echo $ewfImg; ?>"> <meta name="twitter:image:src" content="<?php echo $ewfImg; ?>"> <meta property="og:title" content="<?php echo $ewfTitle; ?>" /> <meta name="twitter:title" content="<?php echo $ewfTitle; ?>"> <meta itemprop="name" content="<?php echo $ewfTitle; ?>"> <meta property="og:description" content="<?php echo $ewfDesc; ?>" /> <meta itemprop="description" content="<?php echo $ewfDesc; ?>"> <meta name="twitter:description" content="<?php echo $ewfDesc; ?>"> <meta name="description" content="<?php echo $ewfDesc; ?>"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:alt" content="<?php echo $ewfDesc ?>" />