Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

Google Plus side panel code

Asked Modified Viewed 4,366 times
H
HobbyMan
H
Just some Guy
  • Veteran Member, joined since
  • Contributed 1,486 posts on the community forums.
  • Started 91 threads in the forums
  • Started this discussions
asked
Veteran Member

If you run a Google+ page, you can now add a "badge" to your site just like the one on this site.

The following code is set for the PHPFusion page and is 180px wide. You will need to alter it to suit. Just add the code into a new side panel in panel manager and you're good to go.

add_to_head ("
<link href='https://plus.google.com/115557867634843097728' rel='publisher' /><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{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);
})();</script>
");

openside("Follow us on Google+");
echo "<g:plus href='https://plus.google.com/115557867634843097728' width='180' height='69' theme='light'></g:plus>\n";
closeside();


Badge configuration: https://developers.google.com/+/plugins/badge/config

Visitors to your site will be able to add your page to their circles directly from the panel and can also increase the size to include a +1 button and numbers of those who've +1'd the page.
0 replies

2 posts

H
HobbyMan
H
Just some Guy
  • Veteran Member, joined since
  • Contributed 1,486 posts on the community forums.
  • Started 91 threads in the forums
  • Started this discussions
answered
Veteran Member

There's an option in the Google configurator for HTML5 valid syntax if you want it.

Change

<g:plus href='https://plus.google.com/115557867634843097728' width='180' theme='light'></g:plus>


to....

<div class='g-plus' data-href='https://plus.google.com/115557867634843097728' data-width='180' data-theme='light'></div>
0 replies
J
Joetho
J
Joetho 10
  • Junior Member, joined since
  • Contributed 17 posts on the community forums.
  • Started 5 threads in the forums
answered
Junior Member

Its not W3C valid

http://joetho-webtools.de/gplus.php
0 replies

Category Forum

Panels and Infusions

Labels

None yet

Statistics

  • Views 0 views
  • Posts 2 posts
  • Votes 0 votes
  • Topic users 2 members

2 participants

H
H
Just some Guy
  • Veteran Member, joined since
  • Contributed 1,486 posts on the community forums.
  • Started 91 threads in the forums
  • Started this discussions
J
J
Joetho 10
  • Junior Member, joined since
  • Contributed 17 posts on the community forums.
  • Started 5 threads in the forums

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet