Search:     Advanced search

How to track using Google Analytics with ePay Payment Window

Article ID: 62
Last updated: 17 Dec, 2010
Views: 1525

Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website traffic and marketing effectiveness. Powerful, flexible and easy-to-use features now let you see and analyse your traffic data in an entirely new way. With Google Analytics, you're more prepared to write better-targeted ads, strengthen your marketing initiatives and create higher converting websites.

This article describes how to setup tracking using Google Analytics and the ePay Payment Window.

 

Before you start

Before you start tracking using the Google Analytics tool you must at first have a Google Analytics account. To obtain such account you must sign up at Google by this link: https://www.google.com/accounts/NewAccount.

Setting up with ePay

Follow the steps below to track your customers through the payment process in the Payment Window.

  1. Update or insert the Google Tracking Code on your site. Place the following code on every page just before the </body>-tag:
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'YOUR-GA-CODE']);
    _gaq.push(['_setDomainName', 'none']);
    _gaq.push(['_setAllowLinker', true]);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
  2. Insert a hidden field in the form to open the Payment Window:
 

<input type="hidden" name="googletracker" value="YOUR-GA-CODE">

  Remember to replace YOUR-GA-CODE with your Google Analytics ID. Typically it will be in the form UA-XXXXX-X

Pageviews

The following pageviews can be shown in the Payment Window:

epay-choose-payment-method.html

Chose payment mehod

epay-payment-form.html

Payment form

epay-payment-form-decline.html

Payment form if payment is declined

epay-confirm-fee.html

Confirm fee. Will only be used if the addfee parameter is set to 1

epay-payment-processing.html

Processing of payment

epay-payment-completed.html

Payment completed. Will not be used if ownreciept is set to 1.

 Setup Google Goal Conversion

 Follow the steps below to track your customers through each step of the payment process.
  1. Log in to your Google Analytics Account and find your report.
  2. Click Edit.
  3. Select one of the 4 goal slot available and click Add goal
  4. In Goal Name write Payment Approved
  5. Set the Goal Type to URL Destination
  6. Be sure to have Active Goal set to On
  7. As Match Type select Head Match
  8. As Goal URL type in your accept page.
  9. Now click Yes, create a funnel for this goal
  10. Add the page from where the Payment Window is opened and name it Start
  11. Click Add Goal Funnel Step
  12. In step one add /epay-choose-payment-method.html. In the Name field write Chose payment mehod
  13. Now click Add Goal Funnel Step
  14. Add /epay-payment-form.html and give it the name Payment form
  15. If you don't have addfee set to 1 go to step 16
  16. Click Add Goal Funnel Step
  17. Add /epay-confirm-fee.html and name it Confirm fee
  18. If ownreciept is not set to 1 click Add Goal Funnel Step else go to step 19
  19. Add /epay-payment-completed.html and name it Payment Completed
  20. Now save the click Save Goal

An example of how to setup the conversion with addfee = 0 and ownreciept = 0

This article was:   Helpful | Not Helpful
Prev   Next
Complete list of valid ePay currency codes     ePay API Webservices