2012-02-26 14 views
24

Quiero hacer como en Stackoverflow. No quiero el botón +1 (lleva algo de tiempo cargar y la carga de todas las páginas es un poco más lenta). He buscado en la página de origen y no encontré ninguna información ... ¿Cómo lo hacen ???URL para compartir en Google+: ¿qué parámetros usa?

en Facebook esto es:

url = 'http://www.facebook.com/sharer.php?s=100'; 
url += '&p[title]='  + encodeURIComponent(title); 
url += '&p[summary]=' + encodeURIComponent(text); 
url += '&p[url]='  + encodeURIComponent(my_url); 
url += '&p[images][0]=' + encodeURIComponent(pic); 

Algo como esto debe ser para Google + cuota de hacerlo, pero no encontró ninguna información útil durante mi búsqueda.

Sé que puedo usar dicha url: https://plus.google.com/share?url=my_url, pero no es suficiente. También necesito compartir el título, el texto y la imagen, pero ¿qué parámetros de GET de la URL debo usar para este propósito?

¡Gracias de antemano!

+0

posible duplicado de [Google Plus comparte en una ventana emergente] (http://stackoverflow.com/questions/9022416/google-plus-share-in-a-popup) – abraham

Respuesta

32

El share link admite dos parámetros de url: url, para la URL de destino, y hl, para un código de idioma.

El marcado estructurado en la URL de destino determina el título, la descripción y la imagen compartida en Google+. Por ejemplo, si agrega el marcado de schema.org o las etiquetas de OpenGraph a la página que está compartiendo, parece que lo recoge como lo hace para el botón +1.

En el official docs para el + Snippet, indica que se prefiere schema.org markup. Así que si se agrega marcado a su página que se ve algo como esto:

<body itemscope itemtype="http://schema.org/Product"> 
    <h1 itemprop="name">Shiny Trinket</h1> 
    <img itemprop="image" src="image-url"></img> 
    <p itemprop="description">Shiny trinkets are shiny.</p> 
</body> 

usted podrá ver su título leer desde el campo name y la imagen del campo de image bien llamado.

Alternativamente, se puede añadir etiquetas OpenGraph a la cabecera de la página para especificar los mismos campos como este:

<meta property="og:title" content="..."/> 
<meta property="og:image" content="..."/> 
<meta property="og:description" content="..."/> 
+0

¿Qué tal para compartir una imagen? –

+1

Usted dice "El marcado estructurado en la URL de destino determina el título, la descripción ...:" ¿Cómo construimos url si queremos codificar el título y la descripción? – Zec

+0

estoy perdiendo el tiempo para hacer esto ... por favor ayuda –

3

Tal vez la siguiente página sobre el intercambio de mensajes interactivos será útil: https://developers.google.com/+/web/share/interactive

Ya lo probé con el parámetro "prellenado". Este parámetro permite definir un texto precargada para el Google + compartir a través de parámetro GET:

https://plus.google.com/share?url=my_url&prefilltext=my_prefilled_text

Así que tienen una mirada más profunda a la página de mensajes interactivos con el fin de encontrar otros parámetros obtener posibles.

Cuestiones relacionadas