Google Analytic Modules

From Aspire Digital Solutions Software
Revision as of 06:52, 9 December 2022 by Wisld (talk | contribs)
Jump to navigation Jump to search

About Google Analytics Modules

WHMCS addon module that allows the clients to see Google analytics reports through different chart visualizations. The module will allow you to see the data studio that's configured by the admin for a particular client.

Requirements

1. License Key

2. Client ID

3. Secret Key

How to upload the module files

1. Download the zip file and extract it under whmcs_installation_dir/.

Google Analy 1.png

2. Now login to the WHMCS Admin panel and navigate to Configuration > System Settings > Addon Modules or prior to WHMCS 8.0 Setup > Addon Modules and addon will be listed.

3. Click Activate under the "Google Analytics" addon. The addon is now activated within your WHMCS.

How to setup google analytics module

1. To see the reports of google analytics, you should have your google credentials. If you don’t have your google credential , then follow the steps from the given link.

Reference link to create Google credentials - Link We have defined the callback URL , Use this link as callback url in your Google Api Console.

Google Analy 2.png

2. After getting the google credentials fill the details and tick on Administrator then click on Save Changes button. Now this module is ready to use.

How to configure the Admin side for Google account connection and Google Analytics report type

1. Login to the admin area.

2. Click on Addon > Google Analytics.

  • This page will show the all client list with status of client’s google connection If the client is connected then it will show a button to Disconnect with Google, It will also show the account list for google analytic reports otherwise it will show a button to Connect with Google.
  • Admin can configure the Report type of google analytics account.

.

  • Admin can configure the account from the account list to show the report on client side.
  • Admin can configure the Data studio of selected client and admin also can update the data studio any time.
Google Analy 3.png

3. When admin user will click on "Connect with Google" button the page will redirect to the google authentication page.

Google Analy 4.png

4. After successfully authentication it will redirects to same page with a success message and select the account list option , admin user can set an account from the account list for Google Analytics reporting.

Google Analy 5.png

How to set the Data studio Report

1. Click the "Configure Data Studio" button, it will show a popup window, fill the iframe.

2. Click on the check button to validate the iframe and then click on the submit button.

  • Also, the Admin can update existing Data Studio details for a client.
Google Analy 6.png

Note: Only admin users can set the Data Studio. Data studio will visible to client only if the admin user has set it for the client

How Admin can set the Required product list

1. Go to client Area menu tab.

2. Now select the required products you want to select and click on save changes.

Google Analy 7.png

Note: If admin user has not selected any product then google analytics reports is visible to all client otherwise the report will show to only those user who have the service related to the selected products Client has at least one service related to the selected products, only then he can use the google analytics options

How to Hide Analytic Report for client

Admin user can hide the reports for selected clients.

1. Go to client Area menu tab.

2. And select the client from the Hide Analytics Report and click on save changes.

Google Analy 8.png

Admin user can set the menu label and names for visibility on client area.

There will be three menus on the clientarea.

1. Analytics

2. Data studio

3. Analytics Setting

You can add a parent menu name for all the options your sub menu will be visible under the parent menu.

MicrosoftTeams-image (88).png

How the navigation menu works and how client can add icons and change menu names

Admin can add a parent menu name for all the options your sub menu will be visible under the parent menu.

1. Admin have to select the menu type of the label , if he had selected the child then admin can add a parent menu name otherwise the label name will be his parent menu name and also for the child menu name.

2. Admin can add the Menu Label name for the navigation tab

3. Admin can add the font awesome icon for the navigation

4. Admin can set the order number for visibility of the navigation

5. Admin user select the clients if he wants to hide specific menu navigation to particular clients.

Note : Admin user can change the these name and label name any time

  • Case 1: Menu type child

When menu type will be child then there will be option to add parent menu name and then the entered menu label name will be visible under the parent menu name

Unnamed (88).png

The output will be look like this

Unnamed goooooogleee.png
  • Case 2: Menu type parent

When menu type will be parent then there will a single navigation menu on clientarea

Unnamed (90).png

The output will be look like this

Unnamed (91).png

NOTE: Admin user can add for all three type navigation all will be work same as above defined. If there is same Parent menu name for all the three options then all the sub menu name will be visible under single parent navigation

Output : If there is same parent name for all three options

Google Analy 133.png

If you have added same parent menu for the three options then all will be under the same parent menu label. For example, we have same parent menu for all the three option so all menu labels are showing under same parent menu.

MicrosoftTeams-image (89).png

How client area menu will shown to your clients

1. Go to module settings under Addon > Google Analytics in the admin area.

Google Analy 10.png
  • WHMCS user also can connect his account with the google analytic. After connecting the account by ownself he can select the report type and select the account also , but if the google connection has been made by admin user then he will not be able to change the account for reporting.

Client can see the google analytics report

  • It will show a google analytics report with four different charts.

By default, it shows the reports of the last 30 days. Clients can easily set the start and end dates from the date range option.

Google Analy 11.png

Client can connect with his own account with google analytics

  • If the Client has not connected with the google account it will redirect to the settings page for connecting.
Google Analy 12.png
  • After Successfully connecting with Google, the client can select the account for reporting.

If the client is already connected with google then get the option to Disconnect with google.

Client can see the data studio

If Admin user has set Data Studio for a client only then the client can see an option Data Studio under Google Analytics.

Google Analy 13.png