2014-09-22 4 views
1

У меня есть этот простой HTML макет:Пользовательского Google плюс кнопка обратного вызова

<html> 
    <head> 
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 

    <script> 
    gapi.plusone.render("mybutton"); 

    function myCallback(jsonParam) { 
     alert("URL: " + jsonParam.href + " state: " + jsonParam.state); 
    } 
    </script> 
    </head> 

    <body> 
     <a target="_blank" id="mybutton" data-callback="myCallback" href="https://plus.google.com/share?url=http%3A%2F%2Fgoogle.com">Share on G+</a> 
    </body> 

</html> 

У меня есть собственный Google Plus кнопка с идентификатором называется mybutton. Я представляю его как кнопку плюс, используя функцию gapi.plus.render.

У меня есть функция обратного вызова, которая должна отображаться при совместном использовании URL-адреса в G plus, но по какой-то причине событие не запускается. Что-то не так в моем коде, или обратный вызов работает только с родными кнопками gplus?

+0

Удалось ли вам в конце концов добиться этого? – user481610

ответ

1

Вам нужно будет поместить тег сценария в конец страницы (сразу после тегов тела), чтобы рендеринг страницы завершился до вызова вашего скрипта.

Исправление:

Используйте следующий код внутри тегов сценария, чтобы сделать эту кнопку с обратным вызовом в визуализации вызове:

gapi.plusone.render («MyButton», { «обратный вызов»: myCallback });

+0

пробовал это, но это не проблема, потому что код работает хорошо, если я задаю класс как «g-plusone», но если я это сделаю, он получит официальный вид кнопки g plus и заменит мой пользовательский css –

+0

, это обратный вызов на событие рендеринга. Я хочу обратный вызов, когда пользователь фактически разделяет ссылку не при загрузке кнопки –

+0

На самом деле это не так! Это настройка функции обратного вызова данных на этой кнопке. – 3abqari

Смежные вопросы