Estoy tratando de configurar el intercambio social con SPA usando Express.js y AngularJS. La cuestión es que quiero compartir contenido dinámico, así que estoy usando angular-facebook-factory para obtener botones de Facebook. Los botones funcionan, los parámetros están configurados, solo los parámetros de imagen, título y descripción que paso nunca llegan a la pantalla emergente para compartir en Facebook.
$scope.shareEvent = function (event) { console.log('verify values: ', event.image); // works fine! FacebookService.share({ href: 'http://www.example.com/event/'+event_id+'/', // this value is passed title: event.title, // Not shown description: event.desc, // Not shown image: event.image // Not shown }, function (response) { $scope.me = response; $scope.status = true; }) }El recurso compartido de FB carga los valores predeterminados (como y ) de http://www.example.com/ y usa el parámetro set href ( http://www.example.com/event ). Intenté con el método: 'alimentar' también, pero sin éxito. Se supone que debo tener varios botones para compartir diferentes en la página, así que supongo que las etiquetas meta og no lo van a hacer...
Este es SPA con una cantidad de ui-view s, y ui-router que usa html5 funciona bien y todo funciona bien.
¡Esto se debe a que los rastreadores de Facebook no pueden procesar el javaScript!
Angular JS es menos amigable cuando se trata de integración SEO.
Revisando tu código:
$scope.shareEvent = function (event) { console.log('verify values: ', event.image); // works fine! FacebookService.share({ href: 'http://www.example.com/event/'+event_id+'/', // this value is passed title: event.title, // Not shown description: event.desc, // Not shown image: event.image // Not shown }, function (response) { $scope.me = response; $scope.status = true; }) } you said console.log(event.image); / Works fineLa razón es la misma, su navegador puede procesar el JavaScript. Pero el rastreador de Facebook no puede procesar ese javaScript.