jQuery Plugin To Embed Public Google+ Feeds In Your Website

File Size: 6.38 KB
Views Total: 3360
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Embed Public Google+ Feeds In Your Website

Yet another jQuery plugin that makes it easier to display activity feeds (posts, photos, videos, shared count, etc) of your Google Plus account in the website.

See also:

How to use it:

1. Include jQuery library and the iBacor Google Plus Streaming plugin's files in the web page.

<link rel="stylesheet" href="ibacor-gp-streaming.css">

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="jquery.ibacor-gp-streaming.min.js"></script>

2. Include the Font Awesome 4.2 for icons.

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

3. Include the jQuery fancybox plugin which allows you to display images/videos in a responsive lightbox without leaving the current page.

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>

4. Create a DIV element for the Goolge plus feed widget.

<div id="ibacor_gp"></div>

5. Config your Google plus username & API key.

ibacor_gp_streaming(
  ibacor_gp_username = '+google',
  ibacor_gp_key = 'YOUR API KEY'
);

6. Config the jQuery fancybox plugin. You can find more options here.

$( document ).ready(function() {

$(".ibacor_gvid").fancybox({   
  'width'  : '90%',
  'height'  : '90%',
  'autoScale'  : false,
  'transitionIn'  : 'none',
  'transitionOut'  : 'none',
  'type'  : 'iframe'
});

$(".ibacor_gpopup").fancybox({   
  'openEffect'   : 'fade',
  'closeEffect'   : 'fade',
  'scrolling'  : 'no'
});

});

Change log:

2017-07-16

  • v2.0

2015-03-25

  • Update JS, CSS and DEMO.

2015-03-21

  • Update jquery.ibacor-gp-streaming.min.js

This awesome jQuery plugin is developed by bachors. For more Advanced Usages, please check the demo page or visit the official website.