Mark Hamstra Mark-H

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

	<?php
	include 'config.core.php';
	include MODX_CORE_PATH . 'model/modx/modx.class.php';
	$modx = new modX();

	$modx->setLogTarget(XPDO_CLI_MODE ? 'ECHO' : 'HTML');
	$modx->initialize('mgr');

	$modx->setLogLevel(modX::LOG_LEVEL_INFO);

	// Call the form with the unique xtype
	items: [{
	xtype: 'campermgmt-newcamper-form-brandscombo',
	fieldLabel: 'Merknaam',
	name: 'brand',
	id: 'brand',
	allowBlank: false,
	vtype: 'alphanum'
	}
	<...>

	<?php
	// Disables tooltips globally.
	//
	// Create a new plugin and add the following system event: OnManagerPageInit
	//
	// © 2010 Mark Hamstra <[email protected]>
	// Buy me a beer? Paypal hamstra.mark at gmail.com.
	//
	// Licensed under the MIT license

	$tv = $modx->getObject('modTemplateVar', array('name' => 'hitcount'));

	$criteria = array(
	'tmplvarid' => $tv->get('id'),
	'contentid' => $modx->resourceIdentifier
	);

	if(!$tvResource = $modx->getObject('modTemplateVarResource', $criteria)){
	$tvResource = $modx->newObject('modTemplateVarResource');
	$tvResource->set('value', 1);

	return View.extend({
	initialize: function () {
	this.el.attr("draggable", "true")
	this.el.bind("dragstart", _.bind(this._dragStartEvent, this))
	},

	_dragStartEvent: function (e) {
	var data
	if (e.originalEvent) e = e.originalEvent
	e.dataTransfer.effectAllowed = "copy" // default to copy

	<%php
	$fp = fopen('file.csv', 'w');
	foreach ($_lang as $key => $field) {
	fputcsv($fp, array(
	'key' => $key,
	'field' => $field
	));
	}
	fclose($fp);

	<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteCond %{REQUEST_FILENAME} !-s
	RewriteRule ^(.*)$ rest/index.php?_rest=$1 [QSA,NC,L]
	RewriteCond %{REQUEST_FILENAME} -d
	RewriteRule ^(.*)$ rest/index.php [QSA,NC,L]
	</IfModule>

	$(document).ready(function() {
	$("#content img").wrap(function() {
	return '<a href="'+ this.src +'" />';
	}).parent().fancybox();
	});