2013-02-26 9 views
8

Ho integrato sharethis nel mio sito. Voglio personalizzare il titolo e il sommario che verranno condivisi tramite Facebook e Google Plus, ma per qualche ragione facebook e googleplus riprendono solo l'url e non mostrano il titolo e il riepilogo che ho fornito nella variabile st_title e st_summary.ShareQuesto riepilogo personalizzato, url e titolo per facebook

Aggiunto questo a capo.

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> 
<script type="text/javascript">stLight.options({publisher: "1234"});</script> 

Nel mio html ho qualcosa di simile

Inoltre non posso usare Opengraph (tag og meta). Ho anche provato javascript per impostare il titolo e il sommario, ma il risultato è sempre lo stesso.

+0

Ciò è probabilmente dovuto al fatto che Facebook e Google stanno raschiando l'URL fornito e utilizzando il titolo/descrizione fornito dalla pagina. Per quanto riguarda i pulsanti di condivisione, questo non può essere risolto. Se si desidera utilizzare l'API FB, è possibile specificare manualmente l'url/titolo/descrizione/immagine. – Sol

risposta

11

Beh, ho anche provato quando si è arrivati ​​a questo, non si ottiene il titolo di condivisione e l'URL personalizzato nelle condivisioni di facebook perché Facebook non considera gli attributi dell'elemento span quando ottiene questi valori. Facebook utilizza l'Open Graph Concept e scansiona le informazioni dal meta tag del sito web il cui URL è fornito nel meta tag og: url. Per consentire a Facebook di mostrare i tuoi titoli e l'url personalizzato, procedi come segue:

1.Assicurati aggiungi la riga "accorcia: false" nello stLight.options javascript, altrimenti non riceverai l'url completo del sito web 2.Aggiungi questi tag alla tua sezione principale: (puoi aggiungerli insieme ai tuoi meta tag esistenti)

<meta property="og:title" content="Yor desired title"/> 
<meta property="og:type" content="website"/> 
<meta property="og:url" content="Your website url"/> 
<meta property="og:image" content="your custom image path"/> 
<meta property="og:description" content="A short description of your website"/> 

l'immagine dovrebbe essere preferibile 200X200 pixels.If volete sapere di più allora ... http://developers.facebook.com/docs/technical-guides/opengraph/built-in-objects/

Spero che aiuti!

+0

Cosa dobbiamo fare quando utilizziamo più pulsante di condivisione per ogni post nel blog. Penso che questa soluzione non funzioni lì –

+0

Se hai più pulsanti di condivisione nella stessa pagina, l'unica soluzione è cambiare l'URL di ciascun pulsante. Ogni URL dovrebbe puntare a una pagina in cui i meta tag Open Graph sono impostati correttamente per il post/contenuto specifico. Modifica l'attributo 'st_url' di ogni tag span. – bmunslow

Problemi correlati