Più og: i tag immagine non vengono visualizzati dalla finestra di dialogo Condividi o Aggiorna stato

Question

Attualmente sto lavorando a una nuova funzionalità per consentire agli utenti di selezionare la miniatura che vorrebbero utilizzare durante la condivisione di una pagina su Facebook. L'utente dovrebbe essere in grado di utilizzare i widget di Facebook come la finestra di dialogo di invio o i pulsanti di condivisione e semplicemente di tagliare e incollare l'URL nella finestra di dialogo di stato di udpate su Facebook.

Ho letto molto della documentazione, il che sembra indicare che ho semplicemente bisogno di aggiungere più tag og: image nella pagina che viene condivisa. Ho fatto questo ed eseguire la pagina attraverso il linter in modo da aggiornare la cache.

Passando direttamente la pagina a share.php, rimuovendo in modo efficace il mio codice lato client e lasciando che la finestra di dialogo presenti ciò che sta raschiando, vedo 3 immagini dalla pagina disponibile.

Non sono sicuro di cosa sto facendo male qui.

Ecco lo linter result, lo graph object, lo sharer.php link e lo the page. Qualcuno ha idee su cosa potrei fare in modo errato?

Ho confermato che almeno il tag og: title viene rispettato dalla finestra di dialogo Condividi. Ho anche testato la dimensione delle immagini e incluso le estensioni dei file come suggerito di seguito.

So che questo funziona perché buzzfeed ha la funzionalità esatta per cui sto andando. Ho ridotto il mio esempio a solo i pezzi fondamentali che penso dovrebbero funzionare. È possibile trovare il full source here.

Answer 1

Lo script Sharer.php sul sito di Facebook non supporta tutti i tag OG per quanto ne so. Le immagini vengono raschiate dal contenuto della pagina stessa, quindi se vuoi che le tue tre immagini appaiano sullo script Sharer.php, includile nel tuo contenuto.

Answer 2

Sharer.php è stato ufficialmente deprecato da Facebook, quindi non sarei sorpreso se determinate funzionalità non funzionassero con esso. Mentre funziona ancora, è sempre stata l'opzione più semplice e immagino che non abbiano mai creato l'immagine di collegamento che raschia dagli oggetti og in esso.

Sono stato in grado di trovare this article, che mostra un modo in cui è possibile specificare esattamente quali immagini sono disponibili per la pagina di condivisione sharer.php. È possibile specificare uno (o più) le immagini da condividere con una struttura di URL come la seguente:

http://www.facebook.com/sharer.php?s=100 
&p[url]=http://bit.ly/myelection 
&p[images][0]=http://election.gv.my/assets/vote.png 
&p[title]=My customized title 
&p[summary]=My customized summary 

Answer 3

Potrebbe essere il namespace XML nel tag HTML in alto?

Nell'articolo BuzzFeed, è:

xmlns:og="http://opengraphprotocol.org/schema/" 

Nella pagina la sua:

xmlns:og="http://ogp.me/ns#" 

Answer 4

Sul articolo Buzzfeed, il contenuto degli attributi nella og: collegamenti di immagine puntano a file .jpg denominati , vs i tuoi link che non hanno un nome file/estensione alla fine.

Potrebbe essere necessario includere un nome file nei collegamenti, soprattutto se si basa il rilevamento dell'immagine sull'estensione del file.

EG:

Buzzfeed:

<meta property="og:image" content="http://s3-ak.buzzfeed.com/static/campaign_images/webdr02/2013/3/18/11/10-lifechanging-ways-to-make-your-day-more-effici-1-2774-1363621197-4_big.jpg" /> 

Distinti:

<meta property="og:image" content="http://statics.stage3.cheezdev.com/mediumSquare/3845/4AC356E3/1"/> 

Answer 5

Dopo alcuni test, credo che sia un caching issue.

Sembra che il condivisore è caching il grafico, utilizzando il og:url come chiave, in modo che diversi querystrings del condivisore non bypassare la cache, se non influiscono sul valore di og:url.
Ovviamente, lo strumento di debug non utilizza tale cache.

Se ho ragione (questo è solo un approfondimento), è possibile attendere che la voce della cache scada o provare con un diverso og:url. Inoltre, per facilitare il test, mantenere il nuovo og:url uguale alla nuova posizione della pagina.

Answer 6

Una storia così divertente, sono uno sviluppatore di BuzzFeed e ci siamo imbattuti in questo mentre cercavo di capire perché le nostre finestre di dialogo condivise improvvisamente smettessero di mostrare il selezionatore di miniature.

Sembra che Facebook abbia disattivato la funzionalità. È riapparsa brevemente il 1/14/2014, ma è stato introdotto un bug che impediva la condivisione da qualsiasi pagina con più URL: tag immagine definiti. (Vedi: https://developers.facebook.com/bugs/1393578360896606/)

Hanno risolto il bug, ma a partire dal 1/22/2014 sembra ancora che il selettore di miniature sia disattivato.