He creado un blog desde cero y ahora estoy haciendo que puedan compartir la noticia tanto en Facebook como en Twitter.
Es algo que hice hace algún tiempo en un proyecto y me funcionaba, pero en este nueva página que he montado (en un nuevo servidor) no carga ni la imagen ni el texto de la noticia en lo que comparte.
Entiendo que con este código cargo la imagen y el texto que lleva la noticia:
<meta property="og:title" content="<?php echo $res['titulo']; ?>"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://depildiodo.com/ver-noticia.php?ID=<?php echo $idnot; ?>"/>
<meta property="og:image" content="https://www.depildiodo.com/images/noticias/<?php echo $res['foto']; ?>" />
<meta property="og:description" content="<?php echo $subject; ?>" />
Tengo este script para que los botones de compartir hagan su función:
$(document).on('click', ".shared", function() {
var url = window.location.href;
var title = document.title;
url = encodeURIComponent(url);
title = encodeURIComponent(title);
//Boton Facebook
if($(this).hasClass('fb')){
url = 'https://www.facebook.com/sharer/sharer.php?u='+url+'&t='+title;
window.open(url, '_blank');
//Boton Twitter
}else if($(this).hasClass('tt')){
user = 'Depildiodo';//Nuestro usuario de twitter para mostrar como @user
url = 'https://twitter.com/intent/tweet?text='+title+'&url='+url+'&via='+user;
window.open(url, '_blank');
//Boton WhtsApp
}else if($(this).hasClass('wa')){
url = 'whatsapp://send?text="'+document.title+'" - "'+window.location.href+'"';
//Boton correo electronico
}else if($(this).hasClass('ce')){
url = 'mailto:?subject='+title+'&body='+url;
//Ningun boton valido
}else return;
//Abrimos la url
});
Éste es el botón de Facebook:
<div class="shared-panel">
<a target="_blank" class="shared fb" title="Facebook"></a>
<a target="_blank" class="shared tt" title="Twitter"></a>
<a data-action='share/whatsapp/share' class="shared wa" title="WhatsApp"></a>
<a class="shared ce" id="sml" title="Email"></a>
</div>
https://depildiodo.com/ver-noticia.php?ID=2
og:description
).og:description
no es donde coge el texto para compartir???htmlspecialchars()
correctamente). Echa un vistazo a developers.facebook.com/docs/sharing/webmasters El texto que aparece en grande es lo que contieneog:title
y en texto pequeño lo que tieneog:description
, todo con el mismo formato.