Chat Catcher » Capture blog comments from Twitter, FriendFeed, and Identi.ca

Data, Feeds, & Widgets

Data Access

Export detailed Chat Catcher data for your blog from the Data Export Page.

Use the handy Excel report with aggregated results for top screen names and most popular posts.

RSS Feeds

Each blog we track has its own RSS feed. Additionally, that RSS feed can be filtered to show comments for specific blog posts.

Search for your blog's RSS feed below by entering your blog name and click Lookup.

To filter comments for specific blog posts, use the following format:

http://api.chatcatcher.com/feed/{feed id}/post/{post permalink}

feed id = Search for your feed below and it will contain your feed id.
post permalink = The urlencoded-address to one of your blog posts.

-- Enter a partial blog address. -- Search Example: myblog.com

Feed Widgets - Displaying Your Feed

There are a number of solutions for displaying your RSS feed on your blog. The following steps will show you how to use Yahoo Pipes.

Search for your feed above and click Update Script. Then copy the code below to your website.

Step 1) CSS and Javascript

The following code should be copied to the header of your blog (just before the </head> tag).

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/container/assets/skins/sam/container.css">


<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script>
<script type="text/javascript">
  YAHOO.namespace("whitleymedia");
  function init()
  {
      var ccWidth = "420px";
      var ccHeight = "400px";
      YAHOO.whitleymedia.ccPanel = new YAHOO.widget.Panel("ccPanel",
        { width:ccWidth,visible:true, constraintoviewport:false,close:false  } );
      if(document.getElementById("ccOuter")){document.getElementById("ccOuter").style.height = ccHeight;}
      YAHOO.whitleymedia.ccPanel.render();
  }
  YAHOO.util.Event.addListener(window, "load", init);
</script>

Step 2) Post Widget Code

This code should be copied to your blog template, usually in the same area where your comments are displayed. The default code includes special PHP instructions for WordPress. If you are using a different blog engine, replace get_permalink() with code for your blog. The code should return the fully-qualified url for the blog post.

<div id="ccOuter"> <div id="ccPanel" class="yui-skin-sam"> <div class="hd"> <div class="tl"></div> <span>Chat Catcher</span> <div class="tr"></div> </div> <div class="bd"> <script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"1dcebfb7de166ddf15a3792dda68c010","_btype":"list","pipe_params":{"BlockAuthor":"","PostUrl":"<?php echo urlencode(get_permalink()); ?>","BlockItem":"","SiteID":"%%siteid%%"}}</script> </div> <div class="ft"></div> </div> </div>

Optional) Site Widget Code

This code may be added anywhere on your site. It will display all comments for all of your blog posts.

Example

Chat Catcher

Customization

The Yahoo Pipes solution also includes a panel from the skinnable Yahoo User Interface (YUI). You can apply different skins to your widget to further customize it for you blog. Try the Aqua skin by removing the comment symbols from the code in the head section.

Each widget includes a parameter for blocking comments by screen name. Enter a list of screen names, delimited by the pipe ("|"), to block those comments. You may also block specific posts using a list of item numbers, again, delimited by pipes ("|").

Example:
"Block":"swhitley|rascal236|sunny05"
"BlockItem":"1270|3638"