2012-06-19 14 views
9

Ich habe die google + Taste auf meiner Seite gerendert wird, wie folgt:Google Plus One Button - Wie füge ich einen Rückruf hinzu?

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

Im html:

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

Wie kann ich einen Rückruf an diese in den erkennen, wenn der Benutzer geklickt hat? Ich sehe die Dokumente hier: https://developers.google.com/+/plugins/+1button/#jsapi nicht zu sehen, wie mit dem aktuellen Render zu implementieren. Danke

+0

Haben Sie die "Callback" -Eigenschaft des Parameterobjekts bemerkt? Ich denke, das ist es, was du willst. – Pointy

+0

@ Pointie wo würde das hinzugefügt werden? – AnApprentice

+0

Sie setzen es in das Tag: '' – Pointy

Antwort

8

Sie können einen JavaScript-Callback mit einem Callback-Attribut zu Ihrer + 1-Schaltfläche Markup hinzufügen. Geben Sie den Namen einer Funktion an, die sich im globalen Namespace befindet. Es wird aufgerufen, wenn ein Benutzer auf die + 1-Schaltfläche klickt.

Hier ist, was Ihr Code aussehen könnte:

<script> 

    function myCallback(jsonParam) { 

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

    } 

</script> 

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

Sie können in der tag parameters section of the documentation mehr über dieses Attribut erfahren.

+0

Aus Neugier, wie funktioniert der Rückruf? d. h. wie erhält javascript im übergeordneten Fenster den Status des untergeordneten Fensters (Google Oauth)? –

+0

Diese Frage wurde hier gestellt: http://stackoverflow.com/questions/27934815/how-does-google-plus-oauth-callback-function-work –

4

Neben Jennys Antwort Sie auch HTML5-gültig 1 Tag, indem das Klassenattribut zu g-plusone und prefixing beliebiger Taste Attribute mit daten wie Rückruf

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

verwenden können Von https://developers.google.com/+/web/+1button/

Verwandte Themen