2012-06-19 30 views
9

Tôi có nút google + được trả lại trên trang web của tôi như sau:Google Plus One Button - Cách thêm cuộc gọi lại?

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

Trong html:

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

Làm thế nào tôi có thể thêm một callback để này để phát hiện khi người dùng đã nhấp vào? Tôi thấy các tài liệu ở đây: https://developers.google.com/+/plugins/+1button/#jsapi không thấy cách triển khai với kết xuất hiện tại. Cảm ơn

+0

Bạn có nhận thấy thuộc tính "gọi lại" của đối tượng tham số không? Tôi nghĩ đó là những gì bạn muốn. – Pointy

+0

@Pointy nơi sẽ được thêm vào? – AnApprentice

+0

Bạn đặt nó trong thẻ: '' – Pointy

Trả lời

8

Bạn có thể thêm gọi lại JavaScript bằng cách sử dụng thuộc tính gọi lại cho đánh dấu nút +1 của bạn. Cung cấp tên của một hàm nằm trong không gian tên chung. Nó sẽ được gọi khi người dùng nhấp vào nút +1.

Đây là những gì mã của bạn có thể trông giống như:

<script> 

    function myCallback(jsonParam) { 

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

    } 

</script> 

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

Bạn có thể tìm hiểu thêm về thuộc tính này trong tag parameters section of the documentation.

+0

Hết sức tò mò, hoạt động gọi lại hoạt động như thế nào? tức là javascript trong cửa sổ mẹ có trạng thái cửa sổ con truy cập (Google Oauth) như thế nào? –

+0

Đã đăng câu hỏi ở trên: http://stackoverflow.com/questions/27934815/how-does-google-plus-oauth-callback-function-work –

4

Ngoài câu trả lời của Jenny bạn cũng có thể sử dụng một HTML5 hợp lệ 1 thẻ bằng cách thiết lập thuộc tính lớp để g-plusone, và tiền tố bất kỳ nút thuộc tính với đĩa dữ liệu như callback

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

Từ https://developers.google.com/+/web/+1button/

Các vấn đề liên quan