So I made a couple of minor changes to the site layout today.

1. I removed my twitter feed from the first sidebar and dedicated it to my discovered content.
2. I put my twitter feed in the right sidebar and added a new tweetmeme follow button.

I felt like my discovered content concept needed more space. ::

Wow, I’m really enjoying the latest version of the DISQUS comment system. I’m especially pleased to see support for OpenID added in, and it actually worked exactly as expected.

I linked my OpenID URL (danielmiessler.com) to my DISQUS account, and then elected to post a comment to DISQUS using an OpenID profile. Well, since I was already logged into my OpenID provider, once I supplied my OpenID I was transparently logged in as my DISQUS account.

Very slick.

Put me in the excited category.

DISQUS V3 from Giannii on Vimeo.

This is an exciting protocol. I want to use it to get my various services’ content into Friendfeed, and to Google Feedburner, and to my website, very quickly.

I need to figure out how to implement this using [pubsubhubbub](http://pubsubhubbub.googlecode.com/ “pubsubhubbub -

Google Code”).

One of the advantages of social content sharing is that if I like what you write then there’s a good chance I’ll like what you like as well. So, we “friend” and “subscribe to” people who share interests with us, in hopes that they’ll not just find additional content in our overlapping interest areas, but that their slightly different tastes will yield new treasures for us to discover.

What I propose is that we bring this tangential-interest concept to our websites directly, with a dedicated “Discovered” content section. So in addition to our main content, which is original, we would have an area for the content we’ve found interesting and noteworthy online.

Imagine a portion of your website that is automatically updated with:

• Things you’ve posted to Reddit or Digg
• Things you’ve voted up on Reddit or Digg
• Things you’ve stumbled at Stumbleupon
• Everything you share through Google Reader
• Bookmarks you’ve added to Del.icio.us
• Books you’ve added to your Amazon Wishlist
• Etc…

…and this stream of discovered content is updated transparently–requiring no intervention on your part. So when someone visits your site and reads your main content, they’ll also see the stuff you thought was cool during your travels online.

Setup

The good news is that this isn’t a theoretical concept. You can do it now. Today. In just a few minutes. Here are the steps for getting it up and running.

1. Friendfeed

First, get yourself a Friendfeed account. This will serve as the foundation for aggregating your discovered content into a feed. You just sign up and add links to your online profiles, and anytime you update any of those services the content is collected in your Friendfeed stream (which is available as RSS).

2. Filter the Data

Next you want to clean up the feed content coming from Friendfeed by trimming the noise from it. Content like Twitter updates or DISQUS comments don’t necessarily point people to new content worth viewing, so it’s best to prune this kind of stuff out out.

You do this by going to your main Friendfeed page [friendfeed.com/$username] and putting the following into the search field at the top of the page:

-service:twitter -service:disqus

Then copy the URL that results when you run that search. Notice that the results URL has an RSS feed associated with it; that’s the magic of Friendfeed, and that new URL will become the input to the next step.

3. Massage the Data

[ These next two steps might seem slightly intimidating to some, but they're not as difficult as they look. ]

Next we use Yahoo! Pipes to manipulate our feed data a bit. We’re really just doing four things with this pipe:

1. Take the input RSS URL from step 2 as input
2. Filter out duplicates
3. Sort by published date
4. Remove our name from the title of each item (annoying for readers)

You can build this pipe yourself using the diagram I have above of mine, but an easier way is to just star with a clone of mine mine and and change two things. Here’s mine for you to clone (you’ll need to be logged into Pipes for it to work).

Once you have mine cloned, just change the top box to your Friendfeed URL, and change the Regex box (last box before output) to your own name. Save your pipe and run it by clicking on the pipe output box, and you should see your own content (without your name preceding each item) in the output box.

4. Make It Available to Your Users

So now we’ve collected your data, filtered it a bit, then cleaned it up using a Yahoo! Pipe. Now it’s time to make it available for consumption. The first thing to mention here is that the Yahoo! Pipe itself that you created in step 3 is already an RSS feed, so you can put a link to it somewhere on your site as one method of making it available.

My preference, however, is to actually parse the RSS itself and display the contents of the feed on the page in a sidebar. This way the content is visible on the page itself rather than requiring readers to leave your page to go view the RSS feed. We’re going to use Google’s Feed API to pull the RSS feed and display it.

This may sounds scary, but here’s the code to do it.

// this goes in your HTML HEAD section

<script src="http://www.google.com/jsapi?key=ABQIABBA1XbMiDxx_BTCY2_Fkgh06RSaGTYH694l8mBDNb0Y73WNNa8VNxQEevTyrr6OwBo0lv7TDAH5Q"></script><script type="text/javascript"> google.load("feeds", "1");</script>

// this goes in your body section where you want the content to display

<script type="text/javascript"></p>

<p>var feedcontainer=document.getElementById("discovered");
var feedurl="http://feeds.danielmiessler.com/discovered";
var feedlimit=75;
var header="<h2>Discovered Content</h2><ul>";</p>

<p>function GetDiscoveredFeed(){
var discovered<em>feed=new google.feeds.Feed(feedurl);
discovered</em>feed.setNumEntries(feedlimit);
discovered_feed.load(displayfeed);
}</p>

<p>function displayfeed(result){
if (!result.error){
var item=result.feed.entries;
for (var i=0; i<item.length; i++)
header+="<li><a href='" + item[i].link + "'>" + item[i].title + "</a></li>";
header+="</ul>";
feedcontainer.innerHTML=header;
}
else
alert("Feed retrieval problem!");
}</p>

<p>window.onload=function(){
GetDiscoveredFeed()
}</p>

<p>&lt;</p>

<p>p></script>

There are a couple of real simple things to modify in this code:

1. The Javascript API Key in the first section that goes in the HEAD. You need to get yourself a free one (it takes like 30 seconds) and replace the one shown with yours.
2. Where you see var feedcontainer in the second piece of code, you need to make sure that the “discovered” parameter matches the DIV where you’re dropping your code.
3. Change the feed that’s being called (var feedurl) from the feed I have there to yours.

Setup Help

That’s it. Once this is configured you’ll have a feed like the one you see to the right…a list of links that makes an excellent supplement to your own original content.

If you are having trouble with any of these steps, contact me directly and I’ll help you get up and running. ::

Experimenting with Yahoo! Pipes embedding.

A Gentleman’s C is a blog I really enjoy by a professor at a State University. Good content, good humor. I strongly suggest it–especially for anyone in education.

Links

[ A Gentleman's C | blogspot.com ]

I mentioned recently that I had been working on my RSS feeds; what I failed to point out was that a number of the addresses changed. The base URL for all the feeds is now feeds.danielmiessler.com, and I’ve changed a few of the feed names as well to provide additional permanence.

Please delete the old ones you have and re-subscribe to these. Sorry for the hassle; this is the last part of my domain move and it should be the last time I have to do it.

Main Feeds

  | blog

  | study

  | writing

Additional Feeds

   | information security

   | technology

   | atheism

   | politics

   | discovered content

::

If you run a website of any sort you may want to check out the real-time stats provider I use. It’s called whos.amung.us, and it’s pretty sweet. Here’s the main dashboard site:

And here are the kind of maps you get, with those dots popping in real-time, showing the city of the source.

And here’s the drilled-in, detailed version that you can zoom within.

Good stuff. ::