Tengo una página web que se crea dinámicamente y estoy tratando de obtener enlaces que se comparten en Google+ para mostrar fragmentos y verse bien, aquí se puede encontrar un fragmento de ejemplo para la representación de artículos y la documentación:
https://developers.google.com/+/web/snippet/article-rendering
Cuando sigo la documentación, mis enlaces no se representan con todo lo que configuré en google plus, se muestran así:
El encabezado de mi página se ve así:
<head> <div id="replaceGoogle"></div> </head>En mi javascript tengo esto para insertar las etiquetas de gráfico abierto una vez generadas:
//replace google var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />'; $("#replaceGoogle").replaceWith(google);Los datos se toman de json leídos de una llamada ajax. ¿No puedo hacer esto dinámicamente?
Creo que esa pregunta es similar a la generación dinámica de metaetiquetas Open Graph . La razón principal de su problema es que Google+ y Facebook no ejecutarán su javascript, por lo que ninguno de ellos verá sus etiquetas og dinámicas.
La solución básica a este problema es:
Use secuencias de comandos del lado del servidor (solicite detalles en los comentarios)