Google Analytics Goal Funnels for Magento One Page Checkout

/ Published in: JavaScript
Save to your folder(s)

Fooman GoogleAnalyticsPlus:

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

Copy this code and paste it in your HTML
  1. gotoSection: function(section)
  2. {
  3. try {
  4. // Old Analytics code
  5. //pageTracker._trackPageview('checkout/onepage/'+section);
  6. // Newer Asynchronous Analytics code
  7. _gaq.push(['_trackPageview', 'checkout/onepage/'+section]);
  8. } catch(err) { }
  10. section = $('opc-'+section);
  11. section.addClassName('allow');
  12. this.accordion.openSection(section);
  14. },


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.