Return to Snippet

Revision: 57557
at May 31, 2012 21:19 by TheJasonParker


Initial Code
gotoSection: function(section)
    {
        try {
			// Old Analytics code
			//pageTracker._trackPageview('checkout/onepage/'+section);
			// Newer Asynchronous Analytics code
			_gaq.push(['_trackPageview', 'checkout/onepage/'+section]);
		} catch(err) { }

		section = $('opc-'+section);
        section.addClassName('allow');
        this.accordion.openSection(section);

    },

Initial URL
http://blueclawecommerce.co.uk/google-analytics-goal-funnel-for-magento-one-page-checkout

Initial Description
Fooman GoogleAnalyticsPlus:
http://www.magentocommerce.com/magento-connect/fooman-googleanalyticsplus.html

The key to seeing the different steps in your checkout is ensuring a page view is triggered each time one of the sections of the checkout is loaded. To do this we need to edit opcheckout.js this file should be in \skin\frontend\default\YOURTHEME\js if not then copy it there from \skin\frontend\base\default\js

Within this file search for “gotoSection: function(section)” to find the function we are interested in amending and add in the lines of code shown below.

If you are using the old analytics code then you will need to remove the slashes from the line “//pageTracker….” and comment out (add a double slash to the beginning of) the line beginning “_gaq.push…”.

Google Analytic Gaol Setup
Goal Type: URL Destination
Match Type: Head Match
Goal URL: /checkout/onepage/success/

Step 1
URL: /checkout/onepage/
Name: Login or Register
Step 2
URL: /checkout/onepage/billing/
Name: Billing Address
Step 3
URL: /checkout/onepage/shipping/
Name: Shipping Address
Step 4
URL: /checkout/onepage/shipping_method/
Name: Shipping Method
Step 5
URL: /checkout/onepage/payment/
Name: Payment Details
Step 6
URL: /checkout/onepage/review/
Name: Confirmation

Initial Title
Google Analytics Goal Funnels for Magento One Page Checkout

Initial Tags
google

Initial Language
JavaScript