<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jon Bishop &#187; Customization</title>
	<atom:link href="http://www.jonbishop.com/tag/customization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jonbishop.com</link>
	<description>Social Media, WordPress and Web Development</description>
	<lastBuildDate>Wed, 01 Sep 2010 00:04:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Using Custom Social Bookmark Icons With AddThis Analytics</title>
		<link>http://www.jonbishop.com/2009/05/using-custom-social-bookmark-icons-with-addthis-analytics/</link>
		<comments>http://www.jonbishop.com/2009/05/using-custom-social-bookmark-icons-with-addthis-analytics/#comments</comments>
		<pubDate>Tue, 12 May 2009 10:00:14 +0000</pubDate>
		<dc:creator>Jon Bishop</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[AddThis]]></category>
		<category><![CDATA[Customization]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Social Bookmarking]]></category>

		<guid isPermaLink="false">http://www.jonbishop.com/?p=506</guid>
		<description><![CDATA[(Note: This code is meant]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button-left"><script type="text/javascript">
			<!-- 
			tweetcount_url = "http://www.jonbishop.com/2009/05/using-custom-social-bookmark-icons-with-addthis-analytics/";
			tweetcount_src = "RT @JonDBishop:";
			tweetcount_via = false;
			tweetcount_links = true;
			tweetcount_size = "large";
			tweetcount_background = "80b62a";
			tweetcount_border = "CCCCCC"; 
			//-->
		</script>
		<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script></div><div class="socialize-in-button-left"><script type="text/javascript"> 
		<!-- 
		digg_url = "http://www.jonbishop.com/2009/05/using-custom-social-bookmark-icons-with-addthis-analytics/";
		//-->
	</script> 
	<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div><p>(<em><strong>Note</strong>: This code is meant to be put in your WordPress Template. However, it should be easy to modify it for other uses.</em>)<span id="more-506"></span></p>
<p>Awhile back, I tweeted about how I wasn&#8217;t a huge fan of the <a href="http://addthis.com/web-button-select">AddThis button</a> and I felt the need for <a href="http://www.magicomm.biz/blog/are-you-optimizing-your-blog">more actionable social sharing buttons</a>. That led to a few conversations with an AddThis representative about how I could still use their JavaScript to help <a href="http://www.addthis.com/help/getting-started/analytics">track my custom buttons usage</a>.</p>
<p>So now, with this code, you can use any <a href="http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/">custom social bookmarklet</a> you like, and still track the button usage.</p>
<p>So first and foremost you will need an <a href="http://addthis.com/register">AddThis account</a>.</p>
<p>Then you need to add the AddThis javascript to your HTML. I like to put it in the footer so all of my content can load first.</p>
<div class="geshi no html">
<ol>
<li class="li1">
<div class="de1">&lt;script type=&quot;text/javascript&quot; src=&quot;http://s7.addthis.com/js/200/addthis_widget.js&quot;&gt;&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>Next, you will need to add the following javascript, substituting the &#8220;YOUR-ACCOUNT-ID&#8221; with your AddThis username. I usually put this right above the first link that will be using the AddThis code.</p>
<div class="geshi no html">
<ol>
<li class="li1">
<div class="de1">&lt;script type=&quot;text/javascript&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">addthis_title = &#39;&lt;?=get_the_title($id); ?&gt;&#39;;
</div>
</li>
<li class="li1">
<div class="de1">addthis_url = &#39;&lt;?=get_permalink(); ?&gt;&#39;;
</div>
</li>
<li class="li1">
<div class="de1">addthis_id = &#39;YOUR-ACCOUNT-ID&#39;;
</div>
</li>
<li class="li1">
<div class="de1">addthis_clickout= true;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>Finally you will need to add the &#8216;onclick&#8217; javascript to the anchor tag like I do in the example below. The key here is to put the name of the service you wish the button to link to where I have inserted &#8216;stumbleupon&#8217; below. A full list of services can be found on the <a href="http://www.addthis.com/help/customize/services">AddThis custom services page</a>.</p>
<div class="geshi no html">
<ol>
<li class="li1">
<div class="de1">&lt;a onclick=&quot;return addthis_invoke(&#39;stumbleupon&#39;, addthis_url, addthis_title, addthis_id);&quot; href=&quot;http://www.stumbleupon.com/submit?url=&lt;?=get_permalink(); ?&gt;%26title%3D&lt;?=get_the_title($id); ?&gt;&quot;&gt;&lt;img border=0 src=&quot;http://cdn.stumble-upon.com/images/160x30_su_blue.gif&quot;&gt;&lt;/a&gt;</div>
</li>
</ol>
</div>
<p>So that is how I am able to track my sharing button usage on my site through AddThis without using the AddThis button.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonbishop.com/2009/05/using-custom-social-bookmark-icons-with-addthis-analytics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 4/12 queries in 0.012 seconds using disk

Served from: jonbishop.com @ 2010-09-09 15:09:11 -->