2012-06-19 16 views
9

que tienen el botón de Google + que se queden en mi sitio de la siguiente manera:Botón Google Plus One: cómo agregar una devolución de llamada?

En el JS:

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 

En el html:

<g:plusone size="medium" href="https://site.com"></g:plusone> 

¿Cómo puedo añadir una devolución de llamada a este a detectar cuando el usuario ha hecho clic? Veo los documentos aquí: https://developers.google.com/+/plugins/+1button/#jsapi sin ver cómo implementar con el renderizado actual. Gracias

+0

¿Notó la propiedad de "devolución de llamada" del objeto de parámetro? Creo que eso es lo que quieres. – Pointy

+0

@Pointy, ¿dónde se agregaría eso? – AnApprentice

+0

Lo configura en la etiqueta: '' – Pointy

Respuesta

8

Puede agregar una devolución de llamada de JavaScript mediante un atributo de devolución de llamada a su marcado de botón +1. Proporcione el nombre de una función que reside en el espacio de nombres global. Se llamará cuando un usuario haga clic en el botón +1.

Esto es lo que el código podría ser:

<script> 

    function myCallback(jsonParam) { 

     alert("URL: " + jsonParam.href + " state: " + jsonParam.state); 

    } 

</script> 

<g:plusone size="medium" href="https://site.com" callback="myCallback"></g:plusone> 

Usted puede aprender más acerca de este atributo en el tag parameters section of the documentation.

+0

Por curiosidad, ¿cómo funciona la devolución de llamada? es decir, ¿cómo accede javascript en la ventana padre el estado de la ventana hija (Google Oauth)? –

+0

Publicada anteriormente pregunta aquí: http://stackoverflow.com/questions/27934815/how-does-google-plus-oauth-callback-function-work –

4

Además de la respuesta de Jenny también se puede utilizar un HTML5 válido 1 etiqueta estableciendo el atributo de clase de g-PlusOne, y anteponiendo cualquier botón atributos data- como devolución de llamada

<div class="g-plusone" data-callback="myCallback" ></div> 

De https://developers.google.com/+/web/+1button/

Cuestiones relacionadas