rdardour

<ul>
<li>The Hull plugin allows you to benefit from the full power of http://hull.io without any complicated setup.</li>
<li>Offer your users a cross-domain social login with Facebook, Twitter, Instagram, Github, LinkedIn, Foursquare, Google, Tumblr, Vkontakte with 1 line of code.</li>
<li>Show personalized activity feeds, comments, ratings, likes, leaderboards, collections, user media uploads, list of friends and much more without any coding.</li>
<li>Access the Facebook, Twitter or Instagram API without any backend code, and build amazing applications only in Javascript in your wordpress site!</li>
<li>If you have multiple domains and your blog is only one of your properties, then you need hull because it’s the only solution that recognizes users and offers these engagement features across all your web sites, whatever the technology they use.</li>
<li>All the tracking and integration with Analytics, transactional email hosting, CDN is already done for you, you have nothing to code to have the best social infrastructure as a service available. If you’re a developer you will get even more from Hull’s flexibility.</li>
</ul>
What does it do? 
* All Posts are automatically referenced in your Hull App. 
* Hull.js is automatically configured and initialized 
* The Widgets and Templates defined in your WordPress Theme are automatically loaded.
<h3>Authentication with hull.io</h3>
The plugin hooks the authentication mechanics of wordpress so the users can login with hull to your blog.
Simply add the following HTML to the login page of your theme so users can also login with hull:
<pre><code><div data-hull-widget="identity@hull"></div><h3>Creating and using Widgets in your Theme</h3>
</code></pre>
You can create widgets in individual javascript files inside your Theme.
Theme structure:
<pre><code>wp-content
└── themes
 └── my_theme
 ├── home.php
 ├── index.php
 ├── Hull
 │   └── widgets
 │ └── my_widget
 │    ├── main.js
 │       └── my_template.hbs
 ├── page.php
 └── single.php
</code></pre>
wp-content/themes/my-theme/hull/my_widget/my_template/my_widget.hbs
<pre><code>Hello from my widget
</code></pre>
and then, to use this widget inside your views :
<pre><code><?php hull_widget('my_widget') ?>
=> <div data-hull-widget='my_widget'></div><h3>Widgets Helpers</h3>
</code></pre>
hull_widget($name, $options=array(), $tagName = “div”, $placeholder=””)
<ul>
<li><code>$name</code>: The widget’s name</li>
<li><code>$options</code>: <code>array(key => val)</code> translated to <code>data-hull-$key="$val"</code></li>
<li><code>$tagName</code>: name of the wrapping tag</li>
<li><code>$placeholder</code>: Initial content placed inside your widget before first rendering</li>
</ul>
example
<pre><code><?php hull_widget('identity', array('provider' => 'facebook')) >
</code></pre>
hull_comments_widget($post_id, $options=array())
<ul>
<li><code>$post_id</code>: the id of the WordPress post you want to display the comments for.</li>
<li><code>$options</code>: same as <code>hull_widget</code></li>
</ul>
example
<pre><code><?php hull_comments_widget($post->ID) ?>
</code></pre>
hull_reviews_widget($post_id, $options=array())
<ul>
<li><code>$post_id</code>: the id of the WordPress post you want to display the reviews for.</li>
<li><code>$options</code>: same as <code>hull_widget</code></li>
</ul>
example
<pre><code><?php hull_reviews_widget($post->ID) ?>
</code></pre>

Hull.io

The Hull plugins makes it easy to integrate your wordpress blog with Hull.io and get social login, engagement features across all your websites

Luke Carl

jeryj

It’s easy to click “Like” on a heartwarming story about a local hero. But what about a fair, but counter-attitudinal, post in a comment section? That may make it a little more challenging to “Like.”
Through <a href="http://mediaengagement.org/research/engagement-buttons/" rel="nofollow ugc">our research on social media buttons</a>, we found that people were more likely to click “Respect” over “Like” in comment sections, and significantly more likely to click “Respect” when the view expressed differed from their own.
The Engaging Buttons WordPress plugin allows you to easily set-up and configure alternative buttons to “Like” (and lots more!) on your website.
The Engaging Buttons plugin is made by the <a href="http://mediaengagement.org" rel="nofollow ugc">Center for Media Engagement</a>. The Center for Media Engagement (CME) provides research-based techniques for engaging online audiences in commercially viable and democratically beneficial ways.
Features
<ul>
<li>Create buttons for your website: Respect, Recommend, Important, Useful, and/or Thoughtful</li>
<li>Customize your button by selecting the design and colors that best fits your website.</li>
<li>Easily display your Top Posts with the Engaging Button widget, shortcode, or with one click from the settings page.</li>
<li>(Optional) Send click data back to the Center for Media Engagement so we can continue to provide free, research-based, high-quality plugins and update the plugin with high-engagement words.</li>
<li>Customizable by developers via CSS and PHP (WordPress filters and hooks).</li>
<li>Lightweight & Performance-focused: Only adds 2 files and ~2kb to your site (with GZIP compression). 
There’s a shortcode and widget for displaying the most Respected/Important/etc posts/pages/comments/etc on your site. Here’s instructions for how to use them.</li>
</ul>
<h3>[engaging-posts] Shortcode</h3>
By default, this shortcode displays a list of 5 links to the most clicked button posts (any active post type for that button except comments) for each active button.
You can customize the output of the list by adding in a few optional parameters:
slug=”your_active_button_slug” 
Example: [engaging-posts slug=”respect”] would output a list of the top 5 “Respected” posts (of any post type except comments).
Accepted slug Values 
– respect 
– important 
– recommend 
– thoughtful 
– useful
type=”your_active_post_type” 
Example: [engaging-posts slug=”respect” type=”comments”] would output a list of the top 5 “Respected” comments.
Accepted type Values: Any active post type or comments that you have activated and have chosen in your Engaging Buttons options panel. 
Common values: 
– comment 
– page 
– post 
– your_custom_post_type_slug
how-many=”2″ 
Limits how many post links to display. Default is 5. Minimum is 1, maximum is 20.
Accepted how-many Values 
– Integer from 1 – 20
<h3>Engaging Posts Widget</h3>
This plugin adds an optional widget to your Appearance > Widgets page that you can use to display the pages that have the most clicks of your chosen button. It’s powered by the [engaging-posts] shortcode.
To set it up:
<ol>
<li>Go to Appearance > Widgets from your WordPress Dashboard</li>
<li>Drag the “Engaging Posts” widget to an active widget area where you’d like it to display.</li>
<li>Enter the title</li>
<li>Choose the button you want to get the most clicked posts from (this is a dropdown that only displays your active buttons)</li>
<li>Choose the active post type you want to get the most clicked posts from.</li>
<li>Enter how many post links you want to display (minimum of 1, maximum of 20).</li>
</ol>
NOTE: Popular Button Data is Rebuilt every 5 minutes
Future versions may include a setting option to set this to rebuild instantly on click, or at a length of time you specify (every 1 minute, 600 minutes, etc). Right now it rebuilds every 5 minutes to save your server resources.
<h3>Developers</h3>
Developer Extensions 
To see how to query the Engaging Buttons objects or use available filters and hooks, go to our <a href="https://github.com/engagingnewsproject/engaging-buttons" rel="nofollow ugc">github repository for the Engaging Buttons plugin</a>.

Engaging Buttons

Easily add research-based, engaging buttons (such as "Respect" or "Important") to your site.

Hull.io vs Engaging Buttons