Setting up Google Analytics widgets for the first time

In order to use these you need to save your Google Client ID and Client Secret in Litium. Once this is done, when users log in to back office and want to setup the Google Analytics widgets, only step 8 to 10 below are required.

Create your Google Client ID and Client Secret

To use the Google Analytics widgets you need to have a Google Analytics account connected to the web site. To be able to log in you need to use a real domain for your site, http://mydev.local will not work. For easy testing you can assign the domain http://mydev.localtest.me to the bindings in IIS (the localtest.me domain is configured so everything.localtest.me will be pointed to 127.0.0.1/localhost).

1. To create a Google ID go to console.developers.google.com and log in using the Google Analytics account. Click Create project.

2. Enter a project name, for example "Litium dashboard widgets". Adding a product logo is optional. Click Next.

3. Turn on the Analytics API and accept the terms and conditions, click on APIs & auth in the left menu tree. Find Analytics API in the list and click on the OFF button.

4. Click Credentials in the left menu and then on Create new client ID.

5. Enter the Authorized Redirect URIs and Authorized JavaScript Origins as below. Note that only www.mydomain.com should be changed to the customer domain name. If there are more than one domain add more rows. Click Create client ID button.

Authorized redirect URI to use: http://www.mydomain.com/LitiumStudio/Dashboard/WebUserControls/Widgets/Edit/GoogleLogin.aspx

6. Copy the Client ID and Client Secret keys.

7. Log in to Litium back office and go to the control panel > System Settings > Settings. Paste the client ID and client secret keys and click Save.

8. Open the Web Analytics or E-commerce Analytics widget in edit mode. Click Log in to Google.

9. Enter your Google Analytics account credentials and log in. Click the Tillåt åtkomst/Allow access button.

10. In the widget, click Save.

The Google Analytics widgets are now ready to use. When future users log in to back office and want to setup the Google Analytics widgets, only step 8 to 10 above are required.