Here's the scene:
- The webpage doesn't have a google+ button.
- User clicks a button.
- AJAX request is sent which loads some text and the google+ button (
<g:plusone href=""></g:plusone>) into adiv. - I can see when I look at the code that it is there, but it is not rendering.
I've heard that this might be useful:
gapi.plusone.go();
But I'm not sure.
Any ideas?
Thanks
Here's the scene:
- The webpage doesn't have a google+ button.
- User clicks a button.
- AJAX request is sent which loads some text and the google+ button (
<g:plusone href="http://www.website."></g:plusone>) into adiv. - I can see when I look at the code that it is there, but it is not rendering.
I've heard that this might be useful:
gapi.plusone.go();
But I'm not sure.
Any ideas?
Thanks
Share Improve this question edited May 10, 2012 at 9:39 asked May 10, 2012 at 9:34 user993683user993683 1-
2
Since you already have the g+ div in place - all you have to do is invoke the render by calling
gapi.plusone.go(). It is better to pass it the id the of the container div. – Ujjwal Singh Commented Jan 22, 2013 at 22:32
1 Answer
Reset to default 10You're on the right track. gapi.plusone.go() is one way to explicitly render the +1 button. Here's a code snippet from the official docs that illustrates another method using gapi.plusone.render().
<html>
<head>
<title>+1 Demo: Explicit render</title>
<link rel="canonical" href="http://www.example." />
<script type="text/javascript" src="https://apis.google./js/plusone.js">
{"parsetags": "explicit"}
</script>
<script type="text/javascript">
function renderPlusone() {
gapi.plusone.render("plusone-div");
}
</script>
</head>
<body>
<a href="#" onClick="renderPlusone();">Render the +1 button</a>
<div id="plusone-div"></div>
</body>
</html>
The JavaScript API is further documented elsewhere on the previously linked page.