Digital Marketing
Google Tag Manager Integration

Setup Dashboard

13min

Introduction

With the integration of Google Tag Manager (GTM) and Google Analytics (GA), OnPrintShop provides a centralized analytics dashboard directly within the admin panel. This eliminates the need to switch between multiple platforms, allowing users to conveniently access key metrics in one place.

From tracking website traffic and user engagement to monitoring conversion rates and sales performance, the dashboard provides a comprehensive overview of critical data.

Setup and Enable GTM/GA4 Dashboard

Enable Google Analytics Data API

  • Go to the Google Cloud Consolehttps://console.cloud.google.com/.
  • Click on the Select a Project dropdown and choose an existing project or create a new one.
  • In the Search Bar, type Google Analytics Data API and select it:
Document image

  • Scroll down to the Getting Started section and click on the Client Library Quickstart link:
Document image

  • Click on the Enable the Google Analytics Data API v1 button to activate the API:
Document image


Note: The steps to generate a JSON file from this point may vary depending on your Google account type and permissions.

  • Choose an existing project or create a new one to generate the client configuration and visit the Service Accounts section:
Document image

  • Navigate to the Service Accounts section and go to the Keys tab:
Document image

  • Click on Create a New Key and select the JSON format:
Document image

  • Download and save the generated JSON file in a secure location for future use.

Note: The steps to generate the JSON file may vary Google account-wise.

Configure Email for API Access

  • Open the downloaded JSON file, locate the field called client_email, and copy the email ID.
  • Open Google Analytics Admin → Go to Account Settings, from the Property section select Property Access Management and then click + Add and select Add users:
Document image

  • Enter the Service Account Email (from the JSON file) and assign Analyst role:
Document image

  • Click Add to save the changes.

Now, to get the property ID, navigate to the Admin -> Property -> Property details and copy the Property ID:

Document image


Enable Dashboard from Admin Panel

To enable the GTM dashboard in the OnPrintShop admin panel, navigate to the Store Configuration -> External Service Settings -> Digital Marketing -> GTM/GA4 -> Edit:

Document image


Note: From the JSON file downloaded in Step 1, copy the raw data to activate the dashboard.

  • Enable the Dashboard setting and then add the API JSON and Property ID in the respective fields.
  • Save the changes.

Once enabled, the dashboard will be accessible from the admin panel dashboard screen:

Document image