Configuring Q2 Gro-Google Analytics Integration – Q2 Documentation

The Configuration Specialist role is needed to perform the following steps.

Perform the following steps to integrate Google Analytics tracking:

Navigate to https://tagmanager.google.com/ to create a Google Tag Manager/Analytics account. You will receive a unique ID value prepended with "GTM-" after you have set up your account which you will need to perform the rest of the setup.
Log into the Gro Admin Portal, then select Configuration > Advanced.
Locate the client.webapp.custom.properties Type ID.
Click the edit icon () to access the configuration editor, then select inside the black window.
Using Ctrl+F (or Command+F on a Mac), locate the key _GTMId.

Note

This value is not included in the default configuration. If you search and do not find this key, you can add it in at the beginning of the editable content, right after the initial curly brace. For example:

Example configuration
```
{
"_GTMId":"P33C9GQ" 
```
Enter the Google Tag Manager (GTM) ID, minus the "GTM-", as the key's value. For example, if the GTM ID you received in step 1 was "GTM-P33C9GQ", then enter "P33C9GQ" as the value. This step provides Google with your unique ID, which reports your unique tracking data.

Edit your Gro configuration to provide page information to Google by searching for and editing the pageViewAnalytics property. Include the page information for your FI for the pageTitle and pagePath keys, as follows:

"pageTitle": "Page Title Here" can be customized by your FI to specify a page title to appear in your Analytics results.
"event": "Pageview" is a static value and does not change. This is the type of data that Analytics is reporting – the number of page views.

"pagePath": "https://acme.com/words" can be customized by your FI to track specific URLs.

Include this information for each defined page name that is displayed in the Gro Application, using the following syntax.

"pageViewAnalytics": {
         "page1Welcome" :{
                   "pageTitle": "Welcome"                   "event": "Pageview"                    "pagePath": "https://acme.com/welcome"          },
          "page2" :{
                    "pageTitle": "Get Started Page"                    "event": "Pageview"                     "pagePath": "https://acme.com/get-started"            },
           "almostDonePage" :{
                     "pageTitle": "Almost Done Page"                      "event": "Pageview"                       "pagePath": "https://acme.com/almost-done"           }
}

Note

You can find all Gro application page names (page1Welcome, page2, almostDonePage) in the pageFlow parameter in the client.webapp.custom.properties Type ID. You can track any defined page.

Example Type ID: client.webapp.custom.properties

"pageFlow": {
        "#nativeAfterReferredFinding": "#someoneWillContactYouPage",
        "#nativeCCPage": "#signaturePage",
        "#nativeAfterAutoApproval": "#fundAcctPage",
        "#privateInfoPage": "#employmentPageApp1",
        "#almostDonePage": "#walletQPage",
        "#afterSuccessfu1Funding": "#signaturePage",
        "#walletPage": "#offersPage",
        "#congratsPage": "#OLBEnrollPage",
        "#page1Welcome": "#shoppingCartPage"}

Save your changes by selecting in the top right of the Type ID section.

IN THIS ARTICLE