2012-06-19 13 views
9

mam przycisku Google + są renderowane na mojej stronie w następujący sposób:Google Plus One Button - Jak dodać oddzwonienie?

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

W HTML:

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

Jak mogę dodać oddzwanianie do tego celu wykrywać, kiedy użytkownik kliknął? Widzę tutaj dokumenty: https://developers.google.com/+/plugins/+1button/#jsapi nie widzę sposobu implementacji z bieżącym renderowaniem. Dzięki

+0

Czy zauważyłeś właściwość "wywołania zwrotnego" obiektu parametru? Myślę, że tego właśnie chcesz. – Pointy

+0

@Pointy gdzie by to zostało dodane? – AnApprentice

+0

Ustawiłeś to w tagu: '' – Pointy

Odpowiedz

8

Możesz dodać wywołanie zwrotne JavaScript za pomocą atrybutu wywołania zwrotnego do znaczników przycisku +1. Podaj nazwę funkcji, która znajduje się w globalnej przestrzeni nazw. Zostanie wywołana, gdy użytkownik kliknie przycisk +1.

Oto co kod może wyglądać następująco:

<script> 

    function myCallback(jsonParam) { 

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

    } 

</script> 

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

Możesz dowiedzieć się więcej na temat tego atrybutu w tag parameters section of the documentation.

+0

Z ciekawości, jak działa wywołanie zwrotne? tj. w jaki sposób javascript w oknie nadrzędnym uzyskuje dostęp do okna podrzędnego (Google Oauth)? –

+0

Opublikował powyższe pytanie tutaj: http://stackoverflow.com/questions/27934815/how-does-google-plus-oauth-callback-function-work –

4

Oprócz odpowiedź Jenny można również użyć HTML5 ważny +1 tag poprzez ustawienie atrybutu class do G-plusone i poprzedzenie dowolny przycisk z atrybutów takich jak teleinformatyczny zwrotnego

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

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

Powiązane problemy