How to Add Google Analytics Insights in Cosmic JS


Cosmic JS Extensions make it possible to extend the functionality of Cosmic JS for both the developer and editor. Developers are given a canvas to create interactive views, connect to third-party APIs and customize the editor experience. 

A recent example built by the Cosmic JS Community is the Google Analytics Extension, which allows team members to easily see analytics insights directly in their Cosmic JS Bucket Dashboard. In this blog I'll show you how to install and integrate the Google Analytics Extension into your Cosmic JS Dashboard in 3 easy steps.

TL;DR:
Google Analytics Extension
Google Analytics Extension Codebase
Google Analytics Extension Article


Step 1: Install the Google Analytics Extension to your Cosmic JS Bucket


Step 2: Connect Your Extension to Google Analytics via your View ID


Your Google Analytics View ID is found in GA > Settings > View Settings > View ID


Step 3: View Insights and Analytics all from your Cosmic JS Dashboard 🚀


The entire process of installing the extension and accessing your Google Analytics with your View ID Key is demonstrated in this 30-second video. 


I hope that you've found this tutorial helpful. If you have questions or comments about Content Editor Features in the Cosmic JS system, I'd love to hear about them. You can refer to my Cosmic JS Profile for additional content on how to intuitively navigate the Cosmic JS Dashboard. 

carson@cosmicjs.com 

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


Add the power of Algolia search to your Bucket. This Extension enables you to sync your Cosmic JS Objects with Algolia, making your data searchable. Set up automatic syncing to automatically add / edit / remove content from Algolia. Follow the simple steps below to install and setup Algolia.
Cosmic JS allows you to easily create nested structures and upload media files. We learn how nested structures are built and how you can fetch such data from Cosmic JS API to use in a simple music site app.
To demonstrate how easy it is to get started with Cosmic JS, we'll utilize the Cosmic JS CLI to quickstart a React Auth App. This app shows implementation of Authentication in ReactJS, NextJS and NodeJS using the Cosmic JS API. This app has all the basic modules like signin, signup, view/edit profi
An easy way to add analytics dashboard in your cosmic bucket.
In this blog we'll quickstart a React Native Cross-Platform Blog using the Cosmic JS CLI. This app is three apps in one: Web, iOS and Android app all with content powered by Cosmic JS. Go to the GitHub repo to see the iOS and Android app share the same React Native codebase.
In this video tutorial, I show you how to use the Cosmic CLI to install and deploy a Cosmic JS GraphQL-powered App in 5 minutes.