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


In this tutorial Iā€™m going to show you how to create a simple blog using React and GraphQL. This is going to be the fastest and most light-weight blog you've ever built.
Thanks to all who attended our first webinar / AMA last week. There was some great engagement and questions that helped steer the screen-share webinar for users in the Cosmic Community as well as first-time visitors to the system. If you missed it, check out the video and attend our next one.
We recently released Cosmic Functions (public beta). We're excited to help teams build amazing modern products together with new serverless solutions.
Now editors can use the new Unsplash Photos Extension to find and add stock photography to their media library, all from the comfort of their Bucket Dashboard without having to interface with a third-party website like Unsplash.
An Object in Cosmic JS can be a page, a blog post, an author or anything you want it to be. Cosmic JS gives you the freedom to create and manage content openly and create your own data structure. Each Object allows for the creation of a title, slug, content and Metafields.
Cosmic JS provides tools and resources to create your own unique content publishing workflow that satisfies your team's needs. In this tutorial I'll demonstrate setting up a simple workflow for an Editor and Contributor team that needs to manage content in a draft, review and publish process.