Snippet di Google+ con protocollo Open Graph

Ho una pagina web che è costruita dinamicamente e sto cercando di ottenere link condivisi su Google+ per mostrare frammenti e un aspetto gradevole, uno snippet di esempio per il rendering degli articoli e la documentazione può essere trovato qui:Snippet di Google+ con protocollo Open Graph

https://developers.google.com/+/web/snippet/article-rendering

Quando seguo la documentazione miei link non rendono con tutto ciò che ho impostato in Google plus, si fanno vedere in questo modo:

Il capo della mia pagina appare in questo modo:

<head> 
<div id="replaceGoogle"></div> 
</head>

Nel mio javascript ho questo per inserire i tag grafico aperti una volta generati:

//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);

I dati sono trasferite dagli JSON leggere da una chiamata AJAX . Non posso farlo dinamicamente?

fonte

2016-02-23 Mike

Solo script di ServerSide che richiede un linguaggio web dinamico. – Hammer

Penso che la domanda sia simile a Generating Open Graph meta tags dynamically. Il motivo principale del tuo problema è che Google + e Facebook non eseguiranno il tuo javascript in modo che nessuno di loro vedrà i tuoi tag og virtuali.

soluzione base a questo problema è:

creare URL univoco per ogni pagina dinamica e salvare params dinamici per questo URL nel database.
quando l'utente tenta di condividere le pagine con questo URL univoco troverete salvato params dinamiche
generazione pagina con tag og pieni di params dinamiche trovati

fonte

2016-03-07 10:36:03

lato Usa server di scripting (chiedere per i dettagli nei commenti)

fonte

2016-03-11 01:41:20

Snippet di Google+ con protocollo Open Graph

risposta

Problemi correlati