Google Analytics App

Overview

Use Google Analytics to get stronger results across all your sites, apps and offline channels. Google’s analytics solutions help you turn customer insights into real gains. This tutorial outlines the way to enable Google Analytics in Learndot.

App Aim 

It is important to first understand the purpose of the integration and the problem the app solves. The purpose of this connector is to:

  • Embed Google Analytics tracking code in the website to capture its visitors.

App Requirements

TypeFormat
Google Adwords Conversion IDTypically a number
Google Analytics Tracking IDin a format like: UA-000000-1
Google Tag Manager codeHTML code to be embedded


Enable Google Analytics App in Learndot

There are 3 system settings which can be configured to enable the Google Analytics app.

  • Login to the Admin console
  • Navigate to System > Setup > System Settings
  • Type google in the search bar, which should show the following results:
SystemSettingsDescription

google.tracker.ecommerce.enabled

[Experimental feature] Specifies whether the system should submit Checkout and Impression data to the configured Google Analytics account. Due to the way that Google handles ECommerce data, it may take 3 working days before this data starts appearing within your Google Analytics account.

google.conversion.accountThe Google Adwords conversion ID you wish to use with Learndot, this is typically a number.
google.tracker.account

The Google Analytics Tracking ID you wish to use with Learndot, typically the format should look like 'UA-000000-1'.


  • Then, click on the Edit icon of the system setting to be edited as needed

If you wish to add Google Tag Manager code at the top of each page, here are the steps:

  • Edit the System Setting


Enable Google Tag Manager in Learndot

  • Edit the Setting.
  • Toggle the Enabled switch to be set as ON, and paste in the Google Tag Manager code to the "Value" field

  • Copy the following JavaScript and paste it as close to the opening <head> tag as possible on every page of your website, replacing GTM-XXXX with your container ID:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->
  • Save the changes.
  • Again in System Settings, Search for "skin.html.body.begin"  
  • Edit the Setting.
  • Toggle the Enabled switch to be set as ON, and paste in the Google Tag Manager code to the "Value" field

  • Copy the following snippet and paste it immediately after the opening <body> the tag on every page of your website, replacing GTM-XXXX with your container ID:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  • Save the changes