Editing Google Analytic Modules

==About Google Analytic Modules==

WHMCS addon module that allows the clients to see Google analytic 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/.

[[File:Google Analy 1.png|800px|thumb|center]]

'''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 analytic module==

'''1.''' To see the reports of google analytic , 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 - 
[https://developers.google.com/identity/gsi/web/guides/get-google-api-clientid/ Link] We have defined the callback URL , Use this link as callback url in your Google Api Console

[[File:Google Analy 2.png|800px|thumb|center]]

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

==How to configure the Admin side for Google account connection and Google Analytic 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 user can configure the Report type of google analytic account

:* Admin user can configure the account from the account list to show the report on client side

:* Admin user can configure the Data studio of selected client , admin user also can update the data studio any time

[[File:Google Analy 3.png|800px|thumb|center]]

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

[[File:Google Analy 4.png|800px|thumb|center]]

'''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

[[File:Google Analy 5.png|800px|thumb|center]]

==How to set the Data studio Report==

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

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

:* Also, the Admin users can update existing Data Studio details for a client

[[File:Google Analy 6.png|800px|thumb|center]]

'''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

[[File:Google Analy 7.png|800px|thumb|center]]

'''Note: If admin user has not selected any product then google analytic 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 analytic 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

[[File:Google Analy 8.png|800px|thumb|center]]

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

There will be three menus on the clientarea

* 1. Analytic
* 2. Data studio
* 3. Analytic Setting

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

[[File:MicrosoftTeams-image (88).png|800px|thumb|center]]

'''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'''

[[File:MicrosoftTeams-image (89).png|800px|thumb|center]]

==How client area menu will shown to your clients==

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

[[File:Google Analy 10.png|800px|thumb|center]]

:* 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 analytic 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.

[[File:Google Analy 11.png|800px|thumb|center]]

==Client can connect with his own account with google analytic==

:*If the Client has not connected with the google account it will redirect to the settings page for connecting. 

[[File:Google Analy 12.png|800px|thumb|center]]

:* 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 Data Studio

[[File:Google Analy 13.png|800px|thumb|center]]