Tracking e-commerce transactions on your SuperSite via Google Analytics

What is Google Analytics

Google Analytics is a reporting software which shows you how people found your site, how they explored it, and how you can enhance their visitor experience. It provides powerful tracking for websites. It's one of the most powerful web analytics solutions. It provides in-depth reports for everyone involved in the running of a website, from the developers and designers to the marketing and management teams.

Google Analytics supports a client-side data collection technique for capturing e-commerce transactions. With some simple additions to a couple of pages in your SuperSite, Google Analytics can automatically detect and record transaction and product information.

How to track e-commerce transactions on my SuperSite via Google Analytics?

Google Analytics can be integrated with your SuperSite by modifying a couple of pages as mentioned below:

I] Modifying the root.html file

  1. Login to your SuperSite Admin Area. Click here to learn how >>
     
  2. In the Admin area, click on Add/Modify Content and Themes link to open this section. Here, click on Browse next to the Website Content folder.
     
  3. Click on Browse link next to the language for which you wish to make the modification.
     
  4. Click on Edit besides the root.html file.
     
  5. Place the following tracking code in the My Content textbox above the </body> tag -

    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>

    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-xxxxxx-x");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>

     
    IMPORTANT

     

    • UA-xxxx-x represents the Google Analytics Account number and needs to be replaced with your Account number.
       
    • Tracking code provided by Google previously -

      <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
      </script>
      <script type="text/javascript">
      _uacct="UA-xxxx-x";
      urchinTracker();
      </script>
       
    • It is recommended that the new code be used since it supports new features in Analytics. However, you may continue with the old code if you wish.
       
    • You need to use either the new code or the old one, not both simultaneously.
       
    • The tracking code needs to be generated from within your Google Analytics Control Panel.

     

     
  6. Click on Save Changes.

II] Modifying the complete_payment.html file

  1. Login to your SuperSite Admin Area. Click here to learn how >>
     
  2. In the Admin area, click on Add/Modify Content and Themes link to open this section. Here, click on Browse next to the Website Content folder.
     
  3. Click on Browse link next to the language for which you wish to make the modification.
     
  4. Click on Browse besides the Shopping_process directory.
     
  5. Click on Browse besides the Complete_payment directory and then click on Edit link for the complete_payment.html file.
     
  6. Click on Switch to Advanced HTML editing mode link next to Basic text Editing at the top of the page and click Yes to continue.
     
  7. Add the following code at the end in the My Content textbox -

    <form style="display:none;" name="utmform">
    <textarea id="utmtrans">
    <#tag:new_google_analytics_receipt /#>
    </textarea>
    </form>
    <script type="text/javascript">
    __utmSetTrans();
    </script>
     
    IMPORTANT

     

    • Old code -

      <form style="display:none;" name="utmform">
      <textarea id="utmtrans">
      <#tag:google_analytics_receipt /#>
      </textarea>
      </form>
      <script type="text/javascript">
      __utmSetTrans();
      </script>
       
    • It is recommended that the new code be used since it supports new features in Analytics. However, you may continue with the old code if you wish.
       
    • You need to use either the new code or the old one, not both simultaneously.

     

     
  8. Click on Save Changes.

  • 1 Users Found This Useful
Was this answer helpful?

Related Articles

Reseller Account Startup Guide

As a Reseller, you need to make the following settings within your Reseller Control Panel...

Video Tutorials

Below, you will find a list of video tutorials that will familiarize you with our system....

Creating a Demo Reseller Account

To understand and evaluate the interfaces and API we provide, you can use the Demo interface....

What is SuperSite?

SuperSite is a complete private-labeled Website for you and your Resellers. Here, your Customers...

What is PartnerSite?

PartnerSite is a complete private-labeled website to jumpstart your wholesale Business. In...

Powered by WHMCompleteSolution