Posts Tagged ‘google analytics’

« Older Entries
Jul 29
2010

With the creation of smart phones and since your mobile device is conveniently available anywhere, mobile internet browsing has increased astronomically. As such, users have come to expect better experiences on their phone. Unfortunately, not all sites have a mobile version, which is a problem since there’s a good chance your site will look significantly smaller and possibly illegible on a mobile device.

This should raise a couple questions:

  1. Is your site compatible on all cellular phone platforms?
  2. Is the site being used on a cellular phone the same way it would be used on a desktop?

If you aren’t sure, don’t guess; check your analytics. Here’s a post on how to track mobile traffic.

Issues with Mobile Usability

The answer depends ultimately on the function of your site but of course regardless, browsing a website on your mobile is a much different experience than browsing on your desktop. That said here are some usability issues you may run into while browsing on your mobile:

  • Excessive Scrolling – Phones have been getting smaller and sleeker over the past couple years, which means screens are even smaller. While the width of a standard desktop screen is around 1052px, the standard width for a mobile site is 250px. Unfortunately because of the small screen restriction, viewing a site is very frustrating because of scrolling and/or zooming in. I’ve run into this problem so many times, when I search on my blackberry, I always have to zoom into the site to be able to read, which of course means I have to scroll from right to left to read the content properly.
  • Load Time – Non-mobile-friendly sites could take a long time to load.
  • Page Height – Along with having to zoom, the page could be longer than necessary, causing the user to have to scroll down.
  • Flash – If your site has flash, more than likely it will not be supported by all cell phone browsers.
  • Mobile Location – Another factor affecting mobile browsing is location of the user. While computers are generally stationary, cell phones are used everywhere (hence the world “mobile”). The contrast of the colors and font size on a site may not be legible while using a cell outdoors.

Mobile Design Tips

Here’s a list of guidelines for designing a more-user friendly mobile site:

  1. Screen Size – Design your mobile site to be 250pxE-Nor Mobile
  2. Limited content – Since the width is limited, height may be used to fill in space that is lost with width. However, it’s best to avoid having a long page of content. After all, this is a phone and is still quite small. Whether its touch screen or keys based, it’s much harder to scroll up or down than it is on a desktop.
  3. Clear action buttons – Again, since the screen is small, it’s best to make sure if you do have images to make them clear, and if that means using the whole width that’s okay. Same goes for buttons, if there is a clear action, it will be seen, so the bigger the better. I highly recommend buttons over links; specifically for touch screen users. When trying to click on a link, it’s always so hard to actually click on the correct link. The link will usually be buried within text and other links.
  4. Create a separate mobile environment – administering a site that is optimized for a desktop that is at the same time 100% mobile friendly is very difficult since both natures are completely different. That would mean you’re essentially limited to the parameters of mobile (for example, when choosing the width of images for your desktop site, you’ll be nagged by the limits of your mobile resolution). It’s best to have a separate environment specifically catered to mobile screens allowing you to have freedom in both designs.
  5. Real Estate – Mobile “real estate” is very limited; to maximize the use of space in your design, simplify your site to the very basic functions of your company. For example, if your desktop has three panes; a side menu, content, and news. The side menu may not be completely necessary, especially since the navigation on mobile and desktop is completely different.
  6. Meet the user’s needs quickly – If the South Africa World Cup is the hot topic, and you’re cnn.com, make sure that story is visible above the fold right away.
  7. Clear functions – Make things clear and easy for the user to find. If you want someone to click on a button, make it large and bright to emphasize the action. For example, on a mobile site it would be smart to have a back button rather than a link because it’ll be easier for the user to find the button than a link since a link could easily get hidden through the text.
  8. Ease of use – The user shouldn’t have to waste time scrolling up and down looking for something that should be easy to find. For example, in tip #5, I talked about “real estate.” With a limited width, you lose a lot of space for content, but what you lose in width you can make up in the height. This makes it much easier for the user to read rather than having to scroll from left to right.
  9. Browsing Links – Use only basic browsing links such as home and back, you don’t need to include the whole menu that is on your desktop site. Make sure to add the browsing links at the top and bottom of the page.
  10. Search – For some sites, it is very important to have search because the site is search based for example, Google or Target. Google is search based links, while Target is search based products. If your site is search based, including two search boxes may be really helpful. Some companies have sites that are entirely search based such as Google, their desktop and mobile site is just a search bar. As for Target and Amazon their home pages have a search bar at the top of the page with browsing links below, which is another way to go because you can browse products as well as search for them.
  11. Testing – Lastly, make sure to test the usability of the mobile site on different phone browsers. This, of course, would be a separate checklist from launching your desktop site. Keep in mind, phones can be used in any location, for example, the contrast of a screen in the sunlight, has to be legible.

Having a mobile friendly site, will make it much easier for your customer to navigate, making for a better user experience, in turn, increasing your conversion. If mobile phones make shopping more convenient, you want to make sure your site takes advantage of that trend and make it easy for users to shop for your product as well.

And now that you have a mobile site, few things to keep in mind:

  • Search engine optimization (SEO), here is a link from the Google Webmaster tool on how to Help Google Index Your Mobile Site. Mobile websites are often returned in Google mobile search results (and other search engines too) in preference to non-mobile websites.
  • And once your mobile site is ready for prime time, you might want to drive qualified traffic through paid search (aka Pay-Per-Click) on Mobile, here are some ideas from the Google AdWords blog.
  • Last but not least, you gotta measure! A separate mobile website is easier to track on all devices than an integrated website where the tracking code might not run on all devices. Try Google Analytics for Mobile.

We’re in the process of practicing what we preach, so keep an eye out for the E-Nor Mobile Site! :)

References

For more info on mobile usability check out the following references:

Technorati Tags: , , , , , ,

Jun 10
2010

Recently Avinash Kaushik shared with his Facebook friends that his blog reached the following millstone: “# of comments on my blog = 8,000 today! Context: 221 posts. 471k words in posts. 742k words in comments.”

That is an average of 36 comments per post and 92 words per comment. Congratulations Avinash!

For Analytics oriented bloggers such as Avinash, I am sure as much as they love and appreciate all their blog readers they will always value the engaged readers who make the effort to drop a line or two seeking clarification, encouraging them to write more or giving them feedback.

This segment of blog readers is by all means the fuel that keeps bloggers alive and encourages them to continue to write and share what they have in mind. Therefore, studying and analyzing the behavior and the user experience of this segment is very important for optimizing the blog to achieve your blog objectives.

In this post I will walk you through few basic steps that will help make this segment of engaged readers available in your Google Analytics report.

Assumptions:

  • You have Google Analytics installed in your blog
  • You are using WordPress as a platform for your blog (of course you can apply the same method to other blogging platforms)

The How:

Our approach is a three-step process:  add custom code, create a Goal in Google Analytics which tracks the number of comment submissions and then create an advanced segment for those who converted.

Step 1) Add custom code to the comments’ form code:

Since in WordPress there is no unique confirmation page – thank you page – that visitors see once they have submitted their comment, we will need to fire a virtual page every time the “Submit” button is clicked.

We will need to modify the comments form’s code and add some JavaScript code to it. The code will fire a virtual page every time the “submit comment” button is clicked. The code for the comments form is found within the comments.php file, which can be found under your WordPress theme folder [../wp-content/themes/default/comments.php]

  • Add the following code to the onclick event of the “submit comment” button:

onClick=”javascript: _gaq.push(['_trackPageview', '/comment-submission.php']);”

Below you will see how the code will look after the JavaScrip insertion, this depends on the version of the Google Analytics tracking code you are using:

Asynchronous snippet

<p><input onClick=”javascript: _gaq.push(['_trackPageview', '/comment-submission.php']);” name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />
<?php comment_id_fields(); ?>
</p>

Traditional snippet

<p><input onClick=”javascript: pageTracker._trackPageview(‘/comment-submission.php’);” name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />
<?php comment_id_fields(); ?>
</p>

Step 2) Create a Goal:

Every time the virtual page that we created in step 1 is fired, it will trigger a conversion and the hit will be available in the Goals report.

  1. Log in to your Google Analytics account and then click “Edit” beside your profile. You will need to configure goals for each profile you want the Goal to show up in.
  2. Click on: +Add Goal
  3. Enter the following Goal Information:
  • Goal Name: Blog Comment Submission
  • Active Goal: On
  • Goal Type: URL Destination
  • Match Type: Head Match or Exact Match (in this case both will work)
  • Goal URL: /comment-submission.php

Step 3) Wait a Few Days and Analyze your Goal Performance

Your Goals will not work backwards, so you will need to wait for Goal data to appear in your reports. Now you have the number of comment submissions.

Is creating a goal is enough for our deep analysis? Not really! It will be nice if we can analyze traffic only from this specific segment of our blog visitors. Advanced Segments is the answer!

Step 4) Create an advanced segment

Now let us create an advanced segment that only shows the visits of those who submitted comments.

  1. Sign in to your Google Analytics account
  2. Advanced Segments > Create a new advanced segment
  3. Select the “Goal Completion” Metric for the Goal that you created in step 2

By applying this segment, now you will have more insight about the  blog commenter’s user experience, their traffic sources, geographical locations, time on site, browsers, screen resolutions, etc.

Apply the same concept to your email subscribers, contact-us requests, social media followers or any other segment of your blog readers you are interested in learning more about.

Happy Analyzing :)

Related Posts

Technorati Tags: , , , ,

May 18
2010
Smart analyst, smart analyst, what do you see?
I see more segmentations made just for me
!

Marketer, marketer, what do you see?
I see detailed reports and valuable insights made available for me!

Business owner, business owner, what do you see?
I see more money for me!

Online shopper, online shopper, what do you see?
I see an amazing website customized and optimized for me!

Say you have an online store where you sell clothes for men, women, and children. Wouldn’t it be nice to have more visibility into the shopping experience based on site visitors’ age, gender, and products of interest?

Say Hello to a feature known as “Multiple Custom Variables!” To read more about how it works, check this post in the Google Analytics blog.

In this post, I would like to walk through our implementation strategy and technical details.

The Strategy

As visitors enter the store website, they will be tagged with different labels based on some personal unidentifiable information (gender and age), and based on the pages they visit (products and store departments):

Example 1:

Tom is a new visitor.  He registered on the site, viewed a product (women’s pajamas), added the item to the shopping cart and then completed the purchase.


At the end of the session, Tom’s visit will be labeled as the following:

Example 2:

Sara is a returning visitor who in a previous visit registered to the site. She viewed a few products (men’s and women’s apparel), and then left the site.

At the end of the session, Sara’s visit will be labeled as the following:

The How

1. Customizing the tracking code:

Visitor-level Labels

At the visitor level we will use custom variables to segment visits based on their entries in a form. Let’s use the values that visitors voluntarily enter in the “gender” and “age” fields in the following form. These custom variables will remain attached to the visitors for future visits starting from the visit in which they filled the registration form (until they clear their cookies).

Setting the value of “gender” and “age”:

  1. Add custom code that takes the gender and age values from the registration form.
  2. Pass the two variables (gender-variable, age-variable) to the registration confirmation page
  3. In the registration confirmation page, add the following code inside the GATC right before* the pageview GIF request _trackPageview()

pageTracker._setCustomVar(1, “gender”, gender-variable, 1);
pageTracker._setCustomVar(2, “age”, age-variable, 1);

* If it is not possible to add the custom code inside the GATC, then add the following code after the GATC

<script type=”text/javascript”>
pageTracker._setCustomVar(1, “gender”, gender-variable, 1);
pageTracker._setCustomVar(2, “age”, age-variable, 1);
pageTracker._trackPageview();
</script>

Session-level Labels

At the session level we will use custom variables to distinguish visitors’ behavior across sessions based on their conversion. In this way, we can segment visits by those who complete e-commerce transactions versus those who just browse products on the site.

A visitor will be tagged as a “buyer” if he or she completes a transaction. If they do not buy anything, the visitor will be tagged as “justlooking”.

Setting the value of “visitor-type” to “buyer”:

In the transaction confirmation page (thank you page) add the following code inside the GATC right before the pageview GIF request _trackPageview()

pageTracker._setCustomVar(3, “visitor-type”, “Buyer”, 2);

Setting the default value of “visitor-type” to “justlooking”:
All visitors will be tagged by default as “justlooking” once they enter the site by setting the value of the custom variable “visitor-type” to “justlooking” at the session-level.

Add the below code* to all landing pages right after the GATC.

* High-level description of the code:

  • extracts the “_utmb” string from the cookies set by Google Analytics
  • extracts the “pageview count” value from the _utmb cookie
  • if the session’s “pageview count” is equal to 1 (landing page), set the value of “visitor-type” to “justlooking”

<script type=”text/javascript”>
var utmb = get_utm_value(document.cookie, ‘__utmb=’, ‘;’);
var utmc = get_utm_value(document.cookie, ‘__utmc=’, ‘;’);
var pageview_count = get_utm_value2(utmb, utmc);
if(pageview_count<=1)
{
pageTracker._setCustomVar(3, “visitor-type”, “justlooking”, 2);
}
//This function extracts the “_utmb” and “_utmc” string from the cookies set by Google Analytics
//This function was originally written by the Google Analytics team (urchin.js)
function get_utm_value(l,n,s)
{
if (!l || l==”" || !n || n==”" || !s || s==”") return “-”;
var i, i2, i3, c=”-”;
i=l.indexOf(n);
i3=n.indexOf(“=”)+1;
if (i > -1)
{
i2=l.indexOf(s,i);
if (i2 < 0)
{
i2=l.length;
}
c=l.substring((i+i3),i2);
}
return c;
}
//This function extracts the “pageview count” value from the _utmb cookie
function get_utm_value2(utmb,utmc)
{
var i, j, k;
var utmc=utmc+’.';
i=utmc.length;
j=utmb.indexOf(“.”, i);
k=utmb.substring(i,j);
return k;
}
</script>

Page-level Labels

At the page level we will use custom variables to determine which product categories and store departments are visited. We will set a custom variable at the page level for each product, where the product category and the department for that product is set as a custom variable.

Setting the value of “store-department” and “product-category”:
In each product page, add the following code inside the GATC right before the pageview GIF request _trackPageview()

pageTracker._setCustomVar(4, “store-department”, “Men”, 3);
pageTracker._setCustomVar(5, “product-category”, “Suits”, 3);

2. Creating Custom Advanced Segmentation

Enough coding!! Now it is time to create some custom segments we can use for deep analysis.

In this section, we will set up a simple custom segment for all ladies (31 to 50 years’ old) who visited the men’s department, looked at suits, and bought an item during their visit.

  1. Sign in to your Google Analytics account
  2. Advanced Segments > Create a new advanced segment
  3. Add the following dimensions:

3. Viewing Reports

We are now ready to analyze based on custom segments built upon our custom variables! Let’s look at the amazing data available in our new segments:

Segment 1: Male shoppers (31 to 50 years’ old) who visited the women’s department, looked at Suits and bought an item during their visit

Segment 2: Female shoppers (31 to 50 years’ old) who visited the men’s department, looked at Suits and bought an item during their visit

From the first glimpse at the dashboard numbers above, we can confirm that for the 31 to 50 age group:

  • It takes men fewer number of page (around 3 pages on average) to buy suits for women compared to women shoppers who visit 5 pages on average to make a suit purchase for men.
  • The number of women who shop for men is more than the number of men who shop for women!  Shame on us men :) .

If you came up with more interesting segments please share with us, we are very interested hearing from you.

Happy analyzing!

Technorati Tags: , , ,

Apr 21
2010

Although every day is a mother’s day, here in the US we dedicate one day especially for her to show our appreciation and thankfulness.  Mother’s Day is just around the corner. As a marketer or a business owner you are getting ready, like all retailers, to kick-off your Mother’s Day campaigns. Last year’s campaign did ok. You didn’t get fired :) , but you didn’t get a promotion either! :( You are a much smarter marketer now and you want to better track your initiatives, assess what channel is performing and fix what is not performing. You are planning all sorts of marketing activities: offline: TV and newspaper ads; online: paid Search, email, banners, social media, and others.

You have your messaging, promotions, copy, creative, and landing pages all ready, and soon you will go live and you have a week to figure out this “tracking, measurement and analytics” business!

No worries! Google Analytics and this post have come to the rescue!!

In this post I will walk you through a process of how to plan and implement a comprehensive external campaign tracking.

Assumptions:

  • You have Google Analytics implemented on your site
  • You have a basic familiarity with URL tagging
  • Last but not least this post also assumes that you are ready and willing to be proactive and you do care about analytics and campaign ROI :)

Prerequisite: Structure & Naming Convention

As you know, the sole purpose of tagging is to differentiate between the different ads and campaigns you are running, so it is very important to agree on the structure and the naming convention as a first step. Here is an example:

As you can see from the chart above, we are running different online and offline ads for our Mother’s Day campaign. In the next section, we are going to tag all these ad’s links with the campaign variables using the URL Builder tool provided by Google.

Email

Email campaigns are one of the most effective ways of attracting visitors to your site especially existing clients. If we don’t tag the emails links with the right campaign tags, visits from emails will be attributed as referral or direct traffic.

How do we tag email links?

  1. Use the URL Builder to create tagged links
  2. Enter the following variables into the URL builder:
    Website URL: http://www.store.com/
    Campaign Source: newsletter-april
    Campaign Medium: email
    Campaign Name: Mother’s Day 2010
  3. Use the generated link URL in your email (ex. “Visit the Store” button”)

Banner

We will follow the same tagging steps that we used for email campaign to tag our banner campaign:

  1. Use the URL Builder to create tagged links
  2. Enter the following variables into the URL builder:
    Website URL: http://www.store.com/
    Campaign Source: oprah.com
    Campaign Medium: banner
    Campaign Name: Mother’s Day 2010
  3. Use the generated link URL in your banner (ex. “Shop Now” button”)

Twitter

Social media today is reshaping the online marketing landscape. People are using YouTube, Facebook, Flicker, and Twitter for more than just personal updates and video/picture exchange. There is a huge amount of promotion and branding taking place in these sites and our job in this post is to measure the success of these marketing efforts.

Let’s use Twitter for our Mother’s Day campaign and make sure we tag all links to our site with the proper campaign variables.

How do we tag Twitter links?

  1. Use the URL Builder to create tagged links
  2. Enter the following variables into the URL builder:
    Website URL: http://www.store.com/
    Campaign Source: twitter
    Campaign Medium: social media
    Campaign Name: Mother’s Day 2010
  3. Shorten the generated link URL using any URL shortening tools (I usually use bit.ly)
  4. Tweet about your promotion using the tiny URL

Paid Search – Google

Thanks God that Google AdWords and Google Analytics are cousins and integrate very well together! Google AdWords has a nice feature called auto-tagging which makes it easy for us to see AdWords campaign information in our Google Analytics reports without any manually tagging.

To learn more about auto-tagging visit this help topic.

How do we enable auto-tagging?

  1. Sign in to your AdWords account
  2. Click on My account tab and select Account preferences
  3. Under Tracking section, click Edit
  4. Check the Destination URL Auto-tagging checkbox
  5. Click “Save changes”

Paid Search – Yahoo

Unlike AdWords, to track Yahoo paid traffic we need to manually tag the destination URL with the campaign variables.

  1. Tag your yahoo ad link using the following variables:
    Website URL: http://www.store.com/
    Campaign Source: yahoo
    Campaign Medium: cpc
    Campaign Term: {OVKey}
    Campaign Name: Mother’s Day 2010
  2. Use the tagged URL for the “Destination URL” field

Paid Search – Bing

Similar to what we did with Yahoo ads, but with the following variables:

  • Website URL: http://www.store.com/
  • Campaign Source: bing
  • Campaign Medium: cpc
  • Campaign Term: {QueryString}
  • Campaign Name: Mother’s Day 2010

Tracking Offline Campaigns

When we talk about tracking campaigns, it is not enough to focus only on online campaigns. We have to include the offline campaigns in our reports for complete analysis. In this section, I will share with you one method of tracking your offline campaigns in Google Analytics in 2 simple steps:

  1. In your offline ads, refer visitors to a page that is unique to the campaign; [www.store.com/mother]
  2. Tag all visitors to the unique page with the campaign variables [source, medium, & campaign name]

How to tag all visitors to www.store.com/mother with the campaign variables?

We will assume that all visitors to the unique landing page [www.store.com/mother] are coming from a specific offline campaign let say the USA Today newspaper. When the USA Today visitors request the promotion URL and before we fire the Google Analytics code, we will refresh the landing page using meta-refresh tag, which update the URL with the campaign UTMs. When The Google Analytics code gets executed after the page refresh, it will see the URL with the campaign UTMs attached to it and will attribute the visit as desired.

How do we tag destination URLs?

  1. Go to the URL Builder
  2. Enter the following variables into the URL builder:
    Website URL: http://www.store.com/mother
    Campaign Source: usa-today
    Campaign Medium: newspaper
    Campaign Name: Mother’s Day 2010
  3. Add the following code to the header of landing page before the Google Analytics tracking code

    <head>
    <link rel=”canonical” href=”http://www.store.com/mother” />
    <meta http-equiv=”refresh” content=”1;URL=http://www.store.com/?utm_source=usa-today&utm_medium=newspaper&utm_campaign=Mother’s%2BDay%202010″>
    </head>

Analyzing the data:

Now as we had all tags in place, it is time for deep dive analysis into the “Mother’s Day 2010″ campaign. I suggest that you isolate the campaigns’ visits by using advanced custom segment and look at this unique segment across reports.

Creating Custom Advanced Segmentation

  1. Sign in to your Google Analytics account
  2. Advanced Segments > Create a new advanced segment
  3. Add the following dimensions:

Viewing Reports (Show me the money!!)

Now, you are ready to conduct analysis based on the customized segment. You can look at the traffic sources report and see how many people purchased and from which medium:

From the first look at the ecommerce numbers above, we can confirm that:

  • The TV campaign has the highest conversion rate
  • The newspaper campaign was not as effective as other campaigns
  • Social media has the highest ROI (Return on Investment)

Click on the dropdown menu below for more marketing campaign tagging examples.

If you like this exercise and you were able to extract some valuable insights for your business, apply the same concept for the upcoming Father’s Day, which is on June 20th here in the US and do a comparison between the users’ purchasing behavior in these two very special occasions.

Share your findings and happy analyzing and drop us a comment below!

Notes:

  • For advanced users and those interested in multi-channel attribution, you can make use of the the Multiple Custom Variables (MCV) feature in Google Analytics
  • If you are running social media and online viral marketing activities and you are active in blogging, on Twitter and Facebook, you should include “off-site” measurements in your overall campaign analysis. In addition, be sure to dedicate resources to listen and participate in the social conversations around your brand, products and campaigns

Related Posts

Technorati Tags: , , , , , , , , ,

Mar 06
2010

I want to thank all of you who attended the Conversion Ninja Toolbox Session @ SMX West on Thursday and the Google Analytics Seminar on Friday. It was pleasure meeting you all!

Also, thanks to Tim Ash, Nicolas Ward and Patrick Bennett for their great presentations at the conversion toolbox session. Check out this post that Nicholas wrote after the session, you gotta love the picture (Nicholas, can I be the one with the two swords? :) ).

For those of you who attended the Friday Google Analytics Seminar, thank you again and I hope you found the material helpful and I hope you put it to use right away (on Monday as you promised!! :) ).

Here are some additional references:

That’s it for now! Thank you all again and hope to see you at an advanced Google Analytics training in the future!

Technorati Tags: , , ,

« Older Entries