<?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>UVd &#124; Blog &#187; social-media</title>
	<atom:link href="http://blog.ultravioletdesign.co.uk/tag/social-media/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.ultravioletdesign.co.uk</link>
	<description>Creative digital agency specialising in website design, web applications, mobile website design and Flash Platform</description>
	<lastBuildDate>Thu, 09 Feb 2012 17:12:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Log on with LinkedIn</title>
		<link>http://blog.ultravioletdesign.co.uk/log-on-with-linked-in-making-use-of-the-linked-in-api/</link>
		<comments>http://blog.ultravioletdesign.co.uk/log-on-with-linked-in-making-use-of-the-linked-in-api/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 17:15:25 +0000</pubDate>
		<dc:creator>Kirsten</dc:creator>
				<category><![CDATA[Project Work]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[OAuth]]></category>
		<category><![CDATA[services]]></category>
		<category><![CDATA[social-media]]></category>

		<guid isPermaLink="false">http://blog.ultravioletdesign.co.uk/?p=472</guid>
		<description><![CDATA[We examine how to utilise the LinkedIn API to allow users to login and register on your site with their LinkedIn credentials.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-473" src="http://blog.ultravioletdesign.co.uk/wp-content/uploads/2011/03/logonwithlinkedin-header.jpg" alt="Log on with LinkedIn" width="528" height="187" /><br />
We have just completed the re-launch of <a title="Link to ModernSelling.com" href="http://www.modernselling.com" target="_blank">ModernSelling.com</a> which is a re-work of the design and functionality we originally built in 2006.</p>
<p>The old site was a passive audience experience: traditional article driven content read by the user but the aim of the new site is to encourage discussion and user contribution; discussions are started by a number of key individuals who open out their comments for other users to contribute. User’s contributions are given equal prominence to the article itself and form part of the overall site content.</p>
<p>One of the key features we have implemented enables users to register and subsequently log in with their <a title="Link to LinkedIn homepage" href="http://www.linkedin.com" target="_self">LinkedIn </a>account: instead of the traditional registration form and then double opt-in email verification process the registration is simply a matter of the user allowing ModernSelling.com permission to access their LinkedIn account, entering in their LinkedIn email and password and Bob&#8217;s your uncle we can then authenticate against the LinkedIn user account in the backend (using the <a title="Link to OAuth" href="http://www.oauth.net" target="_blank">OAuth protocol</a> and the <a title="Link to LinkedIn developer network" href="http://developer.linkedin.com" target="_blank">LinkedIn API</a>). The beauty of this is four fold:</p>
<ol>
<li>Users with a LinkedIn account don’t have to worry about managing subscriptions / profiles on 2 different sites</li>
<li>The registration process is vastly quicker and easier for those choosing to use it</li>
<li>We can maintain up-to-date profile information about a user as it is passed from LinkedIn each time a user logs in and don’t have to rely on users updating their profile through a traditional ‘My Account’ section</li>
<li>Although we are not currently using all the profile information LinkedIn provides and have only scratched the surface of the many different API&#8217;s available we can choose to leverage them at any point in the future without going back to our user base and asking them to fill in more information; we are essentially piggybacking the LinkedIn system</li>
</ol>
<h3>Warning: you might not get what you want</h3>
<p>For those wishing to utilise the LinkedIn API for their own web applications / subscriptions sites / profile building there is one word of warning: unlike the Facebook method (‘<a title="Link to Facebook The Graph API" href="http://developers.facebook.com/docs/reference/api" target="_blank">The Graph API</a>’, part of which was previously known as ‘Facebook Connect’) the LinkedIn profile doesn’t provide you with a user&#8217;s email address. This appears to be a strategic business decision by LinkedIn but poses some hurdles for those with existing databases which use the email address as a unique identifier: for obvious reasons, if the email address is the unique identifier then it is a prerequisite to have it in order to set up a user account. Furthermore, even if your database does not require an email address, your businesses sole form of direct communication with one of your users / profiles is likely to be via email – so not much use if you don’t have it!</p>
<p>Personally I think this is a major ‘faux pas’. Some might say it is a security issue but actually, if an individual is already giving a third party web application permission to access their user profile it is just another (important) part of personal data they are happy for the third party to use to enhance their experience.</p>
<p>Our solution to this issue was to create a ‘one off’ step on the first attempt to use our log on with LinkedIn process: this ‘intermediary’ page requests the email address  prior to us creating a user account for them in our database. Secondly, for those who already have a ModernSelling.com account but decided to start using the log in with LinkedIn feature we asked them to link their existing ModerSelling.com account with their LinkedIn account by providing their existing ModernSelling login details (email address and password). Both of these actions were very easy and not required on subsequent use of our log on with LinkedIn process.</p>
<p>Below is a screen shot of this ‘intermediary’ page which hopefully should explain it:</p>
<p><img class="aligncenter size-full wp-image-476" src="http://blog.ultravioletdesign.co.uk/wp-content/uploads/2011/03/loginwithlinkedin-confirm-large.gif" alt="Log on with LinkedIn confirm LinkedIn user page" width="528" height="716" /></p>
<p>Post Script: I&#8217;m subscribed to the LinkedIn Developers network and they have released a few useful development libraries and plugins to make life a bit easier. You can find some useful plugins <a title="LinkedIn Developers network useful plugins page" href="http://developer.linkedin.com/community/plugins" target="_blank">here</a> and a useful OAuth JScript library has been released <a title="LinkedIn OAuth JScript library" href="http://developer.linkedin.com/community/jsapi" target="_blank">here</a> (meaning front-end developers can now leverage the LinkedIn API. Note: as it stands &#8211; on 20/04/2011 &#8211;  there are some bugs in this library which LinkedIn are working to rectify)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ultravioletdesign.co.uk/log-on-with-linked-in-making-use-of-the-linked-in-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utilising the TweetMeme API</title>
		<link>http://blog.ultravioletdesign.co.uk/utilising-the-tweetmeme-api/</link>
		<comments>http://blog.ultravioletdesign.co.uk/utilising-the-tweetmeme-api/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 15:42:12 +0000</pubDate>
		<dc:creator>Kirsten</dc:creator>
				<category><![CDATA[Project Work]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[services]]></category>
		<category><![CDATA[social-media]]></category>
		<category><![CDATA[TweetMeme]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://blog.ultravioletdesign.co.uk/?p=271</guid>
		<description><![CDATA[We discuss how to implement the TweetMeme retweet button for website and blog publishers who want to encourage their audience to tweet their content on Twitter.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-273" src="http://blog.ultravioletdesign.co.uk/wp-content/uploads/2010/06/tweetmeme1.jpg" alt="TweetMeme logo" width="528" height="185" />We&#8217;ve been integrating some social media into one of the sites we work on <a title="ModernSelling.com" href="http://www.modernselling.com" target="_blank">ModernSelling </a>and specifically working with the <a title="TweetMeme website" href="http://tweetmeme.com" target="_blank">TweetMeme</a> API which allows users to view the number of Tweets an article / page has received and retweet said article. From the horse&#8217;s mouth:</p>
<blockquote><p>The TweetMeme retweet button is for website and blog publishers who want to encourage their audience to tweet their content on Twitter. The button shows a live count of the number of times your webpage or blog post has been tweeted.</p></blockquote>
<p>There are a few points worth mentioning about this integration because it is not always as straightforward as you might think and perhaps some of this information will be of use.</p>
<p>Firstly, TweetMeme is quite strict so for anti-spam purposes uses a combination of the Tweet which we send to the API and a custom meta tag containing a match of the tweet:</p>
<p><code>&amp;lt;meta name="tweetmeme-title" content="The Message of the tweet " /&amp;gt;</code></p>
<p>Additionally, the content / message of the tweet has to be a direct subset of the HTML title tag. For instance, for the example above, &#8220;The Message of the tweet&#8221; needs to be included in &lt;title&gt;. It doesn&#8217;t have to be the only thing in the title tag but it does have to be present.</p>
<p>So if like us you are generating these things on the fly (the site in question is driven by a content management system we built) you may have to make adjustments to your system to accommodate the TweetMeme functionality and also discuss compromises with your client; for instance, in our case, the title tag now includes the original title (which was specifically written for SEO purposes) with the article headline (which we want to be the body of the tweet) appended to the end. There is no way around this; the tweet message cannot contain something that is not contained in the HTML title tag so you need to live with it or not use the TweetMeme API.</p>
<p>Secondly, TweetMeme uses a cache which means that if someone already tweeted your page/s before you implemented the TweetMeme functionality the tweet will already be cached against the url. In these instances, if you wish a retweet to use the a new message as opposed to the old, incorrect message (your old title tag if it was incorrect) you need to <a title="Clearing the TweetMeme cache" href="http://tweetmeme.com/update/ping" target="_blank">clear the TweetMeme cache on a page-by-page basis</a> or, rather than doing a manual update for a large number of URL&#8217;s you can automate the process and use the TweetMeme ping api (http://api.tweetmeme.com/ping?url=). Just append the URL that you want to update at the end of it and loop through the list of pages on your site.</p>
<p>Finally, part of the site we implemented this feature on is subscription only so bare in mind that any password protected url is not going to allow the TweetMeme API to make a call back to the page to verify it &#8211; TweetMeme will not work in these circumstances.</p>
<p>Happy TweetMeme&#8217;ing!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ultravioletdesign.co.uk/utilising-the-tweetmeme-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

