Here is a great way to create a Advanced Segment to see how much traffic you’re getting from your social media sites such as Twitter.com, Digg.com etc etc etc.

Social Media Advanced Segment

1. Go to Advanced Segments on the left column.
2. Click ‘Create new custom segment’
3. Under Dimensions find Source, drag it over to where it says Dimensions or Metrics
4. Then you will see Condition, select ‘Matches Regular Expression’
5. Here you list your social networks as a regular expression. Here is what I have: facebook\.com|twitter\.com|flickr\.com|youtube\.com|digg\.com
   |bx\.businessweek\.com|delicious\.com|stumbleupon\.com
6. At the bottom give it a name.
7. Now you can test it to see if it works, once thats done hit ‘Create Segment’

Please know that you can click on the images to get a their full size counterpart.

Then we go and put it into action in the Dashboard. Here I will just show you a picture how how you do it. Pretty self explanatory.

Like I said this is just the start. I will be writing more articles with more intense use of these new features. I just wanted to give a quick simple example to get you’re ideas popping. There are of course some more ways I use this, to see what News Sources are linking to my webpage. So maybe cnn\.com|bbc\.co\.uk etc etc.

As you can see there are endless possibilities, and these are the tools that the company I work for ( Skyrr ) uses to help our clients archive the goal for their Web Site.

Please feel free to use this code for your own personal use. However if you want to sell this or use it on a corporate site, please talk to me for permission. Also if you guys want to give me some expert tips on how to make things better in the code, please comment on what can be changed or added! Thank you.

Link straight to example.

The Code

<script type="text/javascript">
      $(
          function()
          {
              setInterval("getSearch()",10000);
          getSearch();

          }
      );

    TwitterCache = {};

  function getSearch()
  {

            var url = "http://search.twitter.com/search.json?q=%22in+love%22&callback=?";
            // Change %22in+love%22 to your search. %22 is a qoute
            $.getJSON
            (
                url,
            function(data)
            {
                if( data.results ) // Checks to see if you have any new tweets
                {
                    var i = -1, result, HTML='', HTML2='';
                    while( (result = data.results[++i]) && !TwitterCache[result.id] )
                    {
                        TwitterCache[result.id] = result.from_user;
                        HTML += '<li id="TwitterId'+ result.id +'"><img src="' +
                        result['profile_image_url']+'" alt="Profile Image" />
                        <strong class="User">'+ result.from_user + '</strong>' +
                        FormatIt(result.text) + ' <span class="created_at">' +
                        relative_time(result.created_at) + '</span> via ' +
                        linkup(result.source) + '</li>';

                    }
                    if( HTML !== '' )
                        $("#tweets ul").prepend( HTML ).find('li:hidden').slideToggle('slow');

                    $("li:gt(14)").remove(); // Removes everything past the 15th tweet

                    $("li:even").css  // Simple Styling of the boxes START
                        ({
                            "background": "#DFDFDF",
                            "border-color": "#DFDFDF",
                            "border-style": "solid",
                            "border-width": "2px"
                        });
                    $("li:odd").css
                        ({
                            "background": "grey",
                            "border-color": "grey",
                            "border-style": "solid",
                            "border-width": "2px"
                        });
                    $("li").hover(
                      function () {
                        $(this).addClass("hover");
                        $(this).animate({
                            opacity: 1.0
                            }, 10);

                      },
                      function () {
                        $(this).removeClass("hover");
                        $(this).animate({
                            opacity: 0.2
                            }, 10);
                      }
                    ); // STYLING ENDS

                }
            }
        )

  }

    function FormatIt(text_results)  // Formats the text. Makes In Love become bold
    {
        text_results = text_results.replace(/(in love)/ig,
        '<strong class="inlove">$1</strong>');
        return text_results.linkify();
    }

    function linkup(link) // Makes the links linkable
    {
        link = link.replace('&lt;a href=&quot;','<a href="');
        link = link.replace('&quot;&gt;','">');
        link = link.replace('&lt;/a&gt;','</a>');
        return link;
    }

      String.prototype.linkify = function() {  //Also makes links linkable
            return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/~.=]+/,
            function(m) {
        return m.link(m);
      });
    };

  function relative_time(time_value) { //Makes the time thing happen
        var values = time_value.split(" ");
        time_value = values[2] + " " + values[1] + ", " + values[3] + " " + values[4];
        var parsed_date = Date.parse(time_value);
        var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
        var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
        delta = delta + (relative_to.getTimezoneOffset() * 60);

        var r = '';
        if (delta < 60) {
          r = 'a minute ago';
        } else if(delta < 120) {
          r = 'couple of minutes ago';
        } else if(delta < (45*60)) {
          r = (parseInt(delta / 60)).toString() + ' minutes ago';
        } else if(delta < (90*60)) {
          r = 'an hour ago';
        } else if(delta < (24*60*60)) {
          r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
        } else if(delta < (48*60*60)) {
          r = '1 day ago';
        } else {
          r = (parseInt(delta / 86400)).toString() + ' days ago';
        }

        return r;
}
function twitter_callback ()
{
      return true;
}

</script>

The Example

This is probably the best way to see how you should make this work. Just look at the code and you should get a fairly good idea what I’m doing. I’ve put comments next to the things that can be changed in the jQuery code. It’s all in one HTML file to make it easier to see all at once.

Link to exmaple.