Surnia Ulula

UNIX Ideas for SysAdmins

NextGEN Facebook Open Graph v4.3 Plugin for WordPress

Aside by Jean-Sebastien Morisset - Tuesday, April 16th, 2013 - (0)

Here’s a summary of new features in version 4.0 to 4.3 of NextGEN Facebook Open Graph (NGFB), the best and most complete Open Graph plugin for WordPress.

Version 4.0 introduced many internal code changes in order to use the WordPress Object Cache and Transients API functions to improve performance. The performance gains will be most noticeable for logged-in users and websites that aren’t using full-webpage caching plugins.

You can download NGFB from the wordpress.org website, or install / upgrade it from the Plugins admin page of an existing WordPress website.

Asynchronous JavaScript for Social Website Buttons

by Jean-Sebastien Morisset

Categories: JavaScript

Tags: asynchronous, button, javascript, load, share, social, speed, time, webpage

Comments: 2 Comments

Published on: Saturday, January 19th, 2013

Every social website offers some-kind of JavaScript code to insert their button on webpages. Unfortunately, there’s no standard when it comes to the JavaScript code itself — some, like Google+’s +1 button are fairly sophisticated, with different ways to load and render the button, and others like LinkedIn, offer just a simple JavaScript URL to fetch. Here are Google+ and LinkedIn’s suggested buttons for comparison.

<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (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>

(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>

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>

1 2	<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="top"></script>

page 1 of 1