jQuery Plugin To Embed Public Google+ Feeds In Your Website

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

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.