nickpelton

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

nickpelton

setTimeout(function(){

    $(window).on('scroll',function(){

      console.log('Scroll!');
        if($(window).scrollTop() + $(window).height() > $(document).height() - 10){
            // loadPosts();
            _.debounce(loadPosts(),1000);
        }
    });

nickpelton

<?php
$method = $_SERVER['REQUEST_METHOD'];
$request = explode("/", substr(@$_SERVER['PATH_INFO'], 1));

switch ($method) {
  case 'PUT':
    rest_put($request);  
    break;
  case 'POST':
    rest_post($request);  

nickpelton

<?php

// Setup our data
$myDataArray = array(
	'data' => array( // Add some data
			'person' => array(
				'name'=>'Nick',
				'job' => 'Developer'
			)
		)

nickpelton

<?php

// Setup our data
$myDataArray = array(
	'ajax_url' => admin_url( 'admin-ajax.php' ),
);

// Pass data to myscript.js on page load
wp_localize_script( "myScript", "myLocalizedData", $myDataArray );

nickpelton

<?php

/**
 * Setup JSON Ajax endpoint for Javascript async access to WP data 
 */

add_action('wp_ajax_my_action_1', 'my_callback_function_1'); // Enable for logged-in users
add_action('wp_ajax_nopriv_my_action_1', 'my_callback_function_1'); // Enable for anonymous users

function my_callback_function_1(){

nickpelton

<?php

// enque script
wp_enqueue_script( "myScript", get_template_directory_uri()."/js/myscript.js", array('jquery'), '1.0',true);

// Setup our data
$myDataArray = array(
	'data' => array( // Add some data
			'person' => array(
				'name'=>'Nick',

nickpelton

<?php

/**
 * Setup JSON Ajax endpoint for Javascript async access to WP data 
 */

add_action('wp_ajax_load_posts', 'load_post_callback'); // Enable for logged-in users
add_action('wp_ajax_nopriv_load_posts', 'load_post_callback'); // Enable for anonymous users

function load_post_callback(){

nickpelton

<?php

/**
 * Setup JSON Ajax endpoint
 */

add_action('wp_ajax_secure_endpoint', 'secure_endpoint_callback_function');
add_action('wp_ajax_nopriv_secure_endpoint', 'secure_endpoint_callback_function');

function secure_endpoint_callback_function(){

nickpelton

window._trackJs = {
  onError: function (payload){
    if(payload.file.indexOf("chrome://") !== -1){ return false; } // many extensions have a source file of chrome://some/extension/path.js
    return true;
  }    
  // other stuff
}